🏂 🍞 💒 Modalbox-ダイアログボックスを作成する 🔭 👨‍🎤 👩‍🌾

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

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

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

demomodalbox

設置

ModalBoxをダウンロードし、/ includesなどのフォルダーに解凍します（Modalboxを動作させるために必要なため、 prototype + script.aculo.usライブラリが既にあるはずです）。

以下のコードを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>

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」-ポジティブブログ

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

設置

使用例

More articles: