同一ページ内でインタラクティブに表示するモーダルメッセージのJavaScript
スポンサード リンク
リンクをクリックすると同一ページ内で他のテキストファイルを読み込み表示するJavaScriptです。
特徴はmodal message script(モーダルメッセージ）で、開いたダイアログが閉ざされるまで、他の作業が出来なくなるという仕組みです。
デモページはこちら
webでの使用方法は以下に。
ダウンロード
早速ファイルをダウンロードしてみよう。
画面右上の方に書いてある『Zip file』をクリックするとダウンロード可能。
ダウンロードしたら、展開。
demo-modal-message.htmlを開けば、ソースコードが確認できるので、そこから作成してみるとわかりやすい。
ただし、展開すると
上図のようなファイル構成になっている為、ソースの随所で呼び出される
<img src="/images/heading3.gif">という、イメージフォルダの指定が、フォルダが存在しないため無効になります。
使用される場合は、イメージフォルダをつくり、イメージを作成するか、イメージフォルダへの指定を変更する必要があるのでご注意を。（2007.8.29現在）
新ブログ：ITクオリティもよろしく。
スポンサード リンク
 |
 |
 |
 |
» Photoshopちょいテク『惑星を作ってみよう』＋360度パノラマ画像も作れるように
» 最近、ブログを書いている途中に筆が止まる理由がわかった気がする
» ブログエントリ別に見る『注目度10の法則』
» 天才という言葉は、生きている人にいう言葉じゃない気がする
» まるでphotoshop！JavaScriptで実装するクールなカラーピッカー[prototype.js]
» 今後の期待度が高いphotoshopブラシまとめサイト『Quality Brushes for Photoshop』
» FLASHサイト作成インスピレーションの参考になるflashサイト7つ
» あの時、何気なく吸い始めた一本のタバコの値段が900万だと知ったとき
» jQueryサンプル公開後の反省会。みなさんからのアドバイスを5本サンプル化
» [追記]数百件先の画像まで一気に検索してしまうインターフェイスを搭載したfirefoxアドオン
» プロとアマの違いってぶっちゃけたったひとつ
» 一晩で覚えるjQueryの逆引き基礎サンプル7つ
» あなたは大丈夫？知らず知らずのうちに感じている10のパソコンストレス
» よごれた感じのフォトショップチュートリアルとブラシ
» 第2回web開発者インタビュー。マチウケメール便開発者『開発環境はeclipseです！』
Comment
RSS
