showModalDialogの選択肢のヘルプ

Question

showModalDialogメソッドを使用してユーザーにメッセージを表示する必要があります。このメソッドには、「はい」と「いいえ」の2つのボタンが必要ですが、この方法にはどのように対処するかは不明です。

私はIE8を使用していますが、これを宣言する方法がわかりません。どのようにこれを割り当てる必要がありますか。これは "はい"と "いいえ"の両方のオプションにも対応します。

「いいえ」を押すと、基本的にはshowModalDialogを閉じて、ユーザーの操作は必要ありません。

「はい」を押すと、JavaScriptがオフになり、JavaScript関数が呼び出されます。

私はオンラインで見ましたが、私がここで何をしているのかに関する例は見当たりません。

上記のヘルプ、良い例へのリンク、または上記の要件に関する例を参考にしてください。

ありがとうございました。

Answer 1

• あなたはjQueryのを使用している場合は、それが強力なウィジェットライブラリhttp://jqueryui.com

---

• DEMOだ使用します。http://so.devilmaycode.it/help-with-showmodaldialog-together-with-selections

IMPLEMENTATION：

$(function() { 
    var external_data = "i'm outside the func"; 
    $('.show-modal-dialog').click(function(e) { 
     var internal_data = "i'm inside the call"; 
     var a = this; 
     e.preventDefault(); 
     $("#dialog-message").dialog({ 
      title: 'this is a modal dialog', 
      modal: true, 
      open: function(event, ui) { 
       $(this).append(a.href); //append inside the Dialog it self 
      }, 
      buttons: { 
       'Yes': function() { 
        alert(a.href + ' ' + external_data + ' ' + internal_data); 
       }, 
       'No': function() { 
        $(this).dialog("close"); 
       } 
      } 
     }); 
    }); 
}); 

BODY：

<div id="dialog-message"><p>Lorem Ipsum Est</p></div> 

<a class="show-modal-dialog" href="http://www.google.it">Show Modal Dialog</a> 

Answer 2

あなたがjquery.uiを使用している場合は、このsampleをチェックアウトしてください。 jquery.uiを使用したくない場合は、Block.UIプラグインをご覧ください。