Boîte de dialogue jQuery-UI hauteur et largeur actuelles

Question

Je souhaite afficher la hauteur et la largeur actuelles de la boîte de dialogue jQuery-UI en temps réel à l'intérieur de la boîte de dialogue. Comment puis-je faire la même chose? Je veux dire que si j'augmente la hauteur en faisant glisser, la hauteur actuelle sera mise à jour.

Merci

Answer 1

Essayez ceci: http://jsfiddle.net/bryanjamesross/ngrkf/

devrait être suffisant pour vous aider à démarrer. Ce que vous cherchez principalement est l'événement resize de la boîte de dialogue jQueryUI.

Vérifiez docs ici: http://jqueryui.com/demos/dialog/#event-resize

---

HTML:

<div id="dlg"> 
    Width: <span id="w"></span><br /> 
    Height: <span id="h"></span> 
</div> 

JavaScript:

$('#dlg').dialog({ 
    resize: function(e,ui) { 
     $('#w').text(Math.round(ui.size.width)); 
     $('#h').text(Math.round(ui.size.height)); 
    } 
});