フレームをまたいで画像を表示する

動作ブラウザ
Internet Explorer Netscape Navigator
4.0x 4.5 5.0x 5.5 6.0 4.x 6.0
Windows × - × × ×
Macintosh × × × - - × ×
UNIX - - - - - × ×

解  説  フレームをまたいで画像を表示するにはウィンドウポップアップを利用し、その中に画像を表示します。フレームが完全に読み込まれたかどうかはbodyタグでなくフレームを分割するファイルのframesetタグ内にonLoadイベントを記述します。読み込まれたらウィンドウポップアップを作成し画像を表示します。ウィンドウポップアップはクリックしたりすると消えてしまうのでタイマーを使って定期的に強制表示させます。
コード <html> <head> <title>フレームをまたいで画像を表示する</title> <script language="JavaScript"><!-- var popup = window.createPopup(); function dispImage() { popup.document.body.innerHTML = "<img src='image.gif' width='128' height='204'>"; popup.show(100, 20, 200, 224, document.body); setTimeout("dispImage()",500); } // --></script> <frameset rows="100,*" onLoad="dispImage()"> <frame src="top.html"> <frame src="bottom.html"> </frameset> </head> </html>

■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!