トップ   編集 凍結 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS

JavaScript:Bootstrap/BootBoxでダイアログボックス

Last-modified: 2013-12-31 (火) 22:04:20 (1239d)
Top / JavaScript:Bootstrap/BootBoxでダイアログボックス

JavaScript?:Bootstrap/BootBox?でダイアログボックス

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

こちらからダウンロード出来ます。

使い方は至って簡単

まず、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>");                          
      }
    });