HiiHahWIKI - making some notes for... -
JavaScript:Bootstrap/BootBoxでダイアログボックス
をテンプレートにして作成
開始行:
*JavaScript:Bootstrap/BootBoxでダイアログボックス [#x37...
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>"); ...
}
});
終了行:
*JavaScript:Bootstrap/BootBoxでダイアログボックス [#x37...
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>"); ...
}
});
ページ名: