■ ポップアップメッセージ(その3) ■

★JavaScriptのメインを外部JavaScriptにしました。
★Windowの右及び下側でのメッセージのはみ出しやレイアウト崩れ防止をしました。
★上と左側はそのままですので極小Windowサイズの時は、はみ出しを制御できません。(支障は無いと思います)
★★注意:外部JavaScriptの宣言の前にmassageの読み込みを行って下さい。

外部JavaScript Ver2.01(IE4以降,NN4x以降,Opera6.0対応)

外部JavaScript Ver2.02(Windows版IE5以上限定で影付き(Syadow-Mode)をサポート)

外部JavaScript Ver2.03(Ver2.02に加えSmooth-Modeをサポート)

外部JavaScript Ver2.04(Syadow-Modeの影のスタイルを別指定できるよう修正)

外部JavaScript Ver2.05b(Opera7.0に対応)

◆以前のVerとファイル名が変わりました。Ver番号を含めた「popupmess205b.js」の様になります。◆
◆Ver2.05以降から過去のバージョンはDownLoadできないようになりました。(新しいブラウザに非対応の為)◆


IEでは普通の文字でもポップアップメッセージをTITLE要素 で指定できますが、ネスケでは表示されません。
そこで、表示形式も自由度があって、ネスケでも表示できるポップアップメッセージです。
他のサイトでもサンプルを見かけますが、取扱が難しいので極力簡単になるように作りました。
ただし、ネスケではタグの制限があるので注意して下さい。
NN6やOpera6ではIEと同じ表示になります。
ネスケではリサイズするとスタイルシートが表示されなくなるのでリロードするようにしています。

以下サンプル文章
Aタグ形式の部分

A NAMEタグ形式の部分
A NAME式はネスケ及びMac版IEでは表示されません。(NN6はOK!)

SPANタグ形式の部分
SPANタグ式もネスケで表示されません。(NN6はOK!)

Aタグで文字プロパティを変えたい場合は この様に スタイル指定して下さい。



外部スクリプト(popupmess205.js)以外は、メッセージ部分のスタイル(.spanstyle)及び
影部分のスタイル(.syadowstyle)、そしてメッセージ内容(message[ ]の変数)が必要です。
スクリプト内は基本的にいじるところは「message[ ]=・・」の部分だけです。
影やアルファ変化についてはJS内のスクリプトをご覧下さい。
後はデザイン的に「.spanstyle」のスタイル指定修正と、それぞれの文字にAタグを付けるだけでOKです。
超簡単でしょ!

2001/05/12 一部修正
2001/05/15 NN6に対応
2001/05/28 外部JSに変更:はみ出し対応
2001/05/30 NN6に対応 Ver1.07
2001/12/06 IE6で表示がおかしかったバグを修正 Ver1.08
2001/12/08 IE4に対応 Ver1.09(横長になっていたのを修正)※ただしWindows版IE4では、文字のスタイルは反映されません
2002/01/03 Opera6に対応 Ver2.00
2002/01/11 Mac版IE5.0で表示がおかしくなるのを修正 Ver2.01(このバージョンからファイル名を変更)
※ただしOpera6では、onresizeイベントが発生しないので、リサイズ後の右側ストップ位置などがリサイズ前と同じ位置になります。 有効にするためには手動でリロードする必要があります。

注:以下の追加機能はMac版では動作しません。
2002/02/04 IE5.0以上で疑似影モードをサポートしました。(^-^)(ver2.02)

2002/02/05 スムースモードをサポートしました。(ver2.03)

2002/02/06 Syadow-Modeの影のスタイルを別指定できるよう修正(ver2.04)

2002/11/29 Opera7.0に対応(ver2.05)

2002/12/23 変更間違いを修正(ver2.05b)

※まだまだバージョンアップは続く・・・(^^;

Homeへ戻る


Author Hiyoko (c)2002/12/23
ここのように右端や下端の近くでもOK、これ以上右側には行きません。