モーダルダイアログの表示

モーダルダイアログを表示するjqModalを使ってみました。
ソースコードのダウンロードはこちら

使い方

---

まずはjQueryとjqModalを組み込む
<link rel="stylesheet" href="jquery.powertip.css" type="text/css"> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script> <script src="jqModal.js" type="text/javascript"></script>

JavaScriptの記述 <script type="text/javascript"> $().ready(function() { $('#dialog').jqm(); }); </script>

HTML部分の記述 <a href="#" class="jqModal">ダイアログ</a> <div class="jqmWindow" id="dialog"> <a href="#" class="jqmClose">Close</a> <hr> <em>使い方</em> --> 左上のCloseをクリックすると、ダイアログを閉じます。 </div>


「ダイアログ」のリンクをクリックすると、id属性が"dialog"のdiv要素の内容がモーダルダイアログで表示されます。

サンプルはこちら

おわり。