{popup_init}関数 {popup}関数のためのライブラリを呼び出す
{popup} は、ポップアップウィンドウ用のライブラリである overLib と統合しています。
これは、ヘルプウィンドウやツールチップといった状況依存の情報を表示するために使用します。
{popup_init} は、 {popup} 関数を使用する予定のページ内で 一度だけ 呼び出す必要があります。
呼び出す場所としては <head> タグの中がお勧めです。
パスは、実行するスクリプトの場所からの相対パスか、あるいは完全修飾形式のパスとなります。
テンプレートからの相対パスではありません。
overLib の作者は Erik Bosrup です。
ホームページ/ダウンロード
テンプレート
<head>
{popup_init src='js/overlib/overlib.js'}
</head>
出力
<head> <div id="overDiv" style="position:absolute; visibility:hidden; z-index:1000;"></div> <script type="text/javascript" language="JavaScript" src="js/overlib/overlib.js"></script> </head>
テンプレート
<head>
{popup_init src='http://www.example.com/js/overlib/overlib/overlib.js'}
</head>
出力
<head> <div id="overDiv" style="position:absolute; visibility:hidden; z-index:1000;"></div> <script type="text/javascript" language="JavaScript" src="http://www.example.com/js/overlib/overlib/overlib.js"></script> </head>
XHTML の検証
{popup_init} は strict な検証を行いません。
strict で検証すると document type does not allow element "div" here; というエラーが出るでしょう。
(<div> タグを <head> の中で使用しているからです)
つまり、{popup_init}を使わずに<script> タグと <div> タグを手動で追記する必要があります。
関連記事
- {math}関数 テンプレート内で数学の計算をする
- {textformat}関数 テキストを整形する
- {popup}関数 Javascript のポップアップウィンドウを作成する
- {mailto}関数 mailto: リンクの作成とメールアドレスのエンコードをする
- {html_table}関数 HTMLの<table>にデータの配列を出力する
- {html_select_time}関数 時間のドロップダウンリストを作成する
- {html_select_date}関数 日付のドロップダウンリストを作成する
- {html_radios}関数 HTMLラジオボタンを作成する
- {html_options}関数 HTMLセレクト<select><option>タグを作成する
- {html_image}関数 HTML<img>タグを作成する
- {html_checkboxes}関数 HTMLチェックボックスを作成する
- {fetch}関数 ファイルを取得して表示する
- {eval}関数 変数をテンプレートとして扱う
- {debug}関数 デバック用の表示を出力する
- {cycle}関数 値の設定に従って循環する
- {counter}関数 カウントした回数を表示する
- {assign}関数 変数を テンプレートの実行時に割り当てる
スポンサーリンク
