jQuery UIでダイアログボックスを開いてブラウザウィンドウ全体を埋めるにはどうすればよいですか？

Question

私は、ダイアログボックスを作成するために使用する次のコードがあります。

(function ($) { 
    $.fn.createCommonDialog = function() { 
     this.dialog({ 
      autoOpen: false, 
      modal: true, 
      resizable: true, 
      draggable: true, 
      height: 'auto', 
      width: 875, 
      buttons: { 
       "Submit": function() { 
        tinyMCE.triggerSave(); 
        $("#update-message").html(''); 
        $("#dialogForm").submit(); 
       }, 
       "Cancel": function() { 
        $(this).dialog("close"); 
       } 
      }, 
      open: function (event, ui) { 

      } 
     }); 
    }; 
})(jQuery); 

を、私は次のようにダイアログボックスを開く午前：

var dialogDiv = $('#commonDialog'); 
    dialogDiv.dialog('option', 'title', action + ': ' + viewID) 
    dialogDiv.dialog('open'); 

誰かが、私はこのコードを修正することができる方法を教えてもらえますダイアログボックスを開いてブラウザの画面をいっぱいにするオプションがありますか？コードにはさらに多くのものがありますが、私はダイアログを開く際に重要な部分を含んでいます。

Answer 1

あなたcreateCommonDialogプラグインは、ダイアログを初期化するだけでなく、オープンハンドラとオプションを渡すことができるの両方に使用することができるようにいくつかの作業がかかります役立つかもしれません。

メインcreate中のオープンオプションnsteadウィンドウが

のサイズを変更するためにあなたがの線に沿って別々のオープン関数の何かを作成することができますことができますように、幅と高さを渡す：

$.fn.openCommonDialog=function(action, viewID){ 
    var openOpts={ 
     width: $(window).width()-10, 
     height: $(window).height()-10, 
     'title': action + ': ' + viewID 
    } 

    $(this).dialog('option', openOpts).dialog('open'); 

}; 

$('#commonDialog').openCommonDialog('my action', 765); 

Answer 2

これは何か？

height: $(window).height(), 
width: $(window).width(), 

これにより、ダイアログボックスはビューポートと同じサイズになります。それはあなたがブラウザ画面を埋めることによって意味するものですか？

Answer 3

height: $(window).height(), 
width: $(window).width(), 

この