0 この頁の本文へ

関連ページ

ページ案内

データの作り方。

スクリプトで扱うメニューのデータはJAVAスクリプトファイルで作成します。

データ中に論理要素/物理タグを入れる事も出来ます。
データファイルの読込みは<script>要素で行います。
データファイルは必ず本スクリプトより前に読込んで下さい。
データファイルは複数に跨っても構いません。

また、HTML文書中のtitle属性もポップアップメッセージの対象となります。

HTML文書中のtitle属性のみを対象とする場合はデータファイルを作成する必要はありません。
但し、HTML文書中のtitle属性については、以下の制限があります。
- ネットスケープ 4.x及びオペラ 6.xで表示出来ません。
- title属性中には論理要素/物理タグは入れられません。

データの作り方。

データスクリプトは以下のように書きます。

m_menuname="メニュー名";

mes[番号]='<p>メッセージ</p>';

「番号」は一個目のメッセージを「0」として連続するようにして下さい。
内容は必ず「<p>」「</p>」で囲んで下さい。
改行する場合は、改行する箇所に「</p><p>」を入れて改段落する事で実現します。

作成上の注意。

読込むデータファイルのうち、一本には必ず後述の初期設定文を先頭に記述して下さい。
シフトJISコードで記述する場合、一部の文字で文字化けやエラーの原因となるものがあります。このような場合は当該文字の直後に半角で「\」を附加して下さい。また、半角の「\」は「\\」と記述して下さい。
タグ以外で半角の「<」「>」を用いる場合は半角でそれぞれ「<」「>」と記述して下さい。
内容に「'」を用いる場合はその直前に半角で「\」を補って「\'」と記述して下さい。

HTML文書へのリンク。

HTML文書のヘッダに以下のように記述します。複数ある場合は全て同様に並べて行きます。

<script type="text/javascript" charset="shift_jis" src="データファイル名"></script>

一番始めに読込むデータファイルには、必ず以下の初期設定文を先頭に記述して下さい。
```
mes=new Array();
```
尚、以下の場合はエラーとなりますので充分注意して下さい。
- 初期設定文の記述がないデータファイルを先に読込んだ場合。
- 初期設定文が出てくる前にデータが記述されている場合。
- 初期設定文を記述したデータファイルを全く読込んでいない場合。
- 同じHTML文書が読込む複数のデータファイルに初期設定文が記述されている場合。
- 初期設定文などの大文字小文字を間違えている場合。
データファイルがEUC日本語コードの場合は「<script … charset="euc-jp" …>」として下さい。
データファイルは、必ず本スクリプトを読込む前に全て読込ませて下さい。

実際の記述例。

実際にサイトのリンクページで利用する場合の記述をご紹介します。

メニュースクリプト「Message.js」での記述。

mes=new Array();
mes[0]='<p>一番目のメッセージ</p>';
mes[1]='<p>二番目のメッセージ</p>';
mes[2]='<p>三番目のメッセージ</p>';
    …

HTML文書での記述(HTML 4.01 トランジッショナルの場合)。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

    …

    <script type="text/javascript" charset="shift_jis" src="Message.js"></script>
    <script type="text/javascript" charset="shift_jis" src="PopUp.js"></script>

    …

    </head>
<body>

    …

    <script type="text/javascript" charset="shift_jis" src="PopInit.js"></script>
    </body>
</html>

尚、実際には<a>要素などにメッセージスクリプトを起動する属性などを記述しなければなりません。

その他の注意事項。

フラッシュに対してポップアップメッセージを表示させる場合は必ず「wmode=transparent」のパラメータを設定して下さい。
- この設定が無いとポップアップメッセージがフラッシュの裏に隠れてしまいます。
具体的には、以下のようにします。
<object>要素でフラッシュを埋め込む場合
<object>要素直下に以下の<param>要素を記述します。
```
<param name="wmode" value="transparent">
```
- 尚、XHTML文書の場合はタグの末尾を「 />」とします。
<embed>要素でフラッシュを埋め込む場合

当該<embed>要素に「wmode="transparent"」属性を付けます。

しらぎくポップアップメッセージご利用マニュアル・目次。

一覧を読み飛ばす

0 本文の先頭へ

ページ外へのご案内。

制作者へのご連絡