目次 |
---|
・Simple Modalでモーダルダイアログを表示 ・読み込むファイル ・モーダルダイアログのアラート ・モーダルダイアログの確認画面 ・モーダルダイアログのモーダル画面 |
<script Language="Javascript"> <!-- window.addEvent("domready", function(e){ /* Alert */ $("alert").addEvent("click", function(e){ e.stop(); var SM = new SimpleModal({"btn_ok":"Alert button"}); SM.show({ "title":"Alert Modalのタイトルです", "contents":"アラートです" }); }) }); // --> // 表示部分 <div class="example-item" id="alert"> <a href="javascript;">Alert</a> </div>
<script Language="Javascript"> <!-- window.addEvent("domready", function(e){ /* Confirm */ $("confirm").addEvent("click", function(e){ e.stop(); var SM = new SimpleModal({"btn_ok":"Confirm button"}); SM.show({ "model":"confirm", "callback": function(){ alert("このロジックを通ります"); }, "title":"Confirmのタイトルです", "contents":"確認画面です" }); }) }); // --> </script> <div class="example-item" id="confirm"> <a href="javascript;">Confirm</a> </div>
<script Language="Javascript"> <!-- window.addEvent("domready", function(e){ /* Modal */ $("modal").addEvent("click", function(e){ e.stop(); var SM = new SimpleModal({"btn_ok":"Confirm button"}); // Aggiunge Bottone Conferma SM.addButton("Confirm", "btn primary", function(){ alert("このロジックを通ります"); this.hide(); }); // Aggiunge Bottone annulla SM.addButton("Cancel", "btn"); SM.show({ "model":"modal", "title":"モーダルのタイトルです", "contents":"<p >モーダルです</p>" }); }) }); // --> </script> <div class="example-item" id="modal"> <a href="javascript;">Modal</a> </div>