JavaScript：Bootstrap／BootBoxでダイアログボックス の変更点

• 追加された行はこの色です。
• 削除された行はこの色です。
• JavaScript：Bootstrap／BootBoxでダイアログボックス へ行く。
• JavaScript：Bootstrap／BootBoxでダイアログボックス の差分を削除

*JavaScript：Bootstrap／BootBoxでダイアログボックス [#x37f8b99]

BootStrapでダイアログボックスを使いたいときに、BootBoxが便利です。

こちらからダウンロード出来ます。
-http://bootboxjs.com/

***使い方は至って簡単 [#c2297776]

まず、bootstrapのjs、cssのロードの後にbootboxのjsを読み込みます。

まあ、こんな感じ。
 <script src="../js/jquery-1.10.2.min.js"></script>
 <script src="../js/bootstrap.min.js"></script>
 <script src="../js/bootbox.min.js"></script>

そして、あとはJavaScriptを書けばOK。

-alertしたいときー
 bootbox.alert("Hello world!", function() {
   Example.show("Hello world callback");
 });

-confirmしたいときー
 bootbox.confirm("Are you sure?", function(result) {
   Example.show("Confirm result: "+result);
 }); 
ダイアログで「OK」を押すと「result」に「true」が入ります。

-プロンプトしたいときー
 bootbox.prompt("What is your name?", function(result) {                
   if (result === null) {                                             
     Example.show("Prompt dismissed");                              
   } else {
     Example.show("Hi <b>"+result+"</b>");                          
   }
 });