hauteur dynamique de dialogue jQuery UI et la largeur

Question

J'utilise dialogue jQuery UI avec un iframe:

function showDialog(url, title, refresh){   
    var horizontalPadding = 30; 
    var verticalPadding = 30; 
    var width = 650; height = 800; 
    $('<iframe id="modalIframeId" allowtransparency="true" style="background-color:#c0c0c0;" frameborder="0" class="ModalIFrame" src="' + url + '" />') 
     .dialog({ 
      title: title,     
      width: width, 
      height: height, 
      modal: true, 
      resizable: true, 
      autoResize: true, 
      close: function(ev, ui) { 
       if(refresh) 
        location.reload(); 
       else 
        $(this).close(); 
      }, 
      overlay: { 
       opacity: 0.7, 
       background: "black" 
      } 
     }) 
     .width(width - horizontalPadding) 
     .height(height - verticalPadding); 
    return false; 
} 

Est-il possible de définir width et height comme la taille de la fenêtre?

grâce

Answer 1

Selon le documentation vous pouvez.

(code ajouté depuis le lien ne prend pas l'utilisateur directement à la section correcte):

OPTION - largeur

Initialiser la boîte de dialogue avec l'option largeur spécifiée:
Exemples de code:

Appelez la méthode close:

$(".selector").dialog("close"); 

Obtenez ou définissez l'option de largeur, après initializat ion:

//Getter 
var width = $(".selector").dialog("option", "width"); 

//Setter 
$(".selector").dialog("option", "width", 500); 

Answer 2

Ajouter un

height: 140, 
width: 140, 

avec le reste de vos options

Answer 3

Vous pouvez obtenir la largeur de la fenêtre et la hauteur par

var windowWidth = $(window).width(); 
var windowHeight = $(window).height(); 

et utiliser les variables votre boîte de dialogue