同一ページ内でインタラクティブに表示するモーダルメッセージのJavaScript
2007年08月29日 公開
リンクをクリックすると同一ページ内で他のテキストファイルを読み込み表示するJavaScriptです。
特徴はmodal message script(モーダルメッセージ）で、開いたダイアログが閉ざされるまで、他の作業が出来なくなるという仕組みです。
デモページはこちら
webでの使用方法は以下に。
ダウンロード
早速ファイルをダウンロードしてみよう。
画面右上の方に書いてある『Zip file』をクリックするとダウンロード可能。
ダウンロードしたら、展開。
demo-modal-message.htmlを開けば、ソースコードが確認できるので、そこから作成してみるとわかりやすい。
ただし、展開すると
上図のようなファイル構成になっている為、ソースの随所で呼び出される
<img src="/images/heading3.gif">という、イメージフォルダの指定が、フォルダが存在しないため無効になります。
使用される場合は、イメージフォルダをつくり、イメージを作成するか、イメージフォルダへの指定を変更する必要があるのでご注意を。（2007.8.29現在）