Bootstrap - モーダルウィンドウ

モーダルウィンドウでOKを選んだらPOSTする

Bootboxjs

 $(function () {
     $("input[data-kind='confirm-btn'").on('click', function (e) {
         e.preventDefault();
         var form = this.form;
         var text = $(this).data('text');
         bootbox.dialog({
             message: text,
             buttons: {
                 confirm: {
                     label: "OK",
                     className: "btn-primary",
                     callback: function (data) {
                         if (data) {
                             form.submit();
                         }
                     }
                 },
                 cancel: {
                     label: "Cancel",
                     className: "btn-default",
                     callback: function () { }
                 }
             }
         });
     });
 });
 <input data-kind="confirm-btn" data-text="登録しますか?" type="submit" value="登録" />

http://bootboxjs.com/

参考

http://getbootstrap.com/javascript/#modals


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

Last-modified: 2014-02-21 (金) 05:23:34