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

JavaScript：Bootstrap／BootBoxでダイアログボックス

Last-modified: 2013-12-31 (火) 22:04:20 (3768d)
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>");                          
  }
});