Modalbox-ダイアログボックスを作成する

Modalboxは、ダイアログボックスとウィザードを作成するためのプロトタイプとscript.aculo.usのライブラリで、そのコードボリュームはわずか10kbです。 私の意見では、これはウェブの2つのNOの本当の属性です。


ModalboxはIE6、IE7、Firefox 1.0、1.5、2.0、Safari、Camino、Opera 8および9で動作します。

これは、modalboxで作成されたウィザードウィンドウの外観です。

設置

1. ModalBoxをダウンロードし 、/ includesなどのフォルダーに解凍します（Modalboxを動作させるために必要なため、 prototype + script.aculo.usライブラリが既にあるはずです）。
2. 以下のコードをheadタグの間に挿入して、必要なすべてのライブラリを接続します。
   

     <script type = "text / javascript" src = "includes / prototype.js"> </ script>
    <script type = "text / javascript" src = "includes / scriptaculous.js？¬
        load = effects "> </ script>
    <script type = "text / javascript" src = "includes / modalbox.js"> </ script> 

   
   
3. CSS設計ファイル-「modalbox.css」を接続し、ヘッドタグ間にコードを挿入します。
   

     <link rel = "stylesheet" href = "includes / modalbox.css" type = "text / css"
    media = "screen" /> 

   
   

使用例

  <a href = "frame_send-link.html" title = "シンプルフォーム" onclick = "
 <strong> Modalbox.show（this.href、{title：this.title、width：600}）;  falseを返す; </ strong>
 ">リンクを友人に送信</a> 

この例では、frame_send-link.htmlページを、ページをリロードせずに600ピクセル幅のModalboxとして開きます。

ModalBoxライブラリをダウンロードする

多数のライブサンプルを見る

ソース： 「Chernev.Ru」-ポジティブブログ