javascript - Dynamically resize JQuery modal Dialog to IFrame content -
I have found a JQuery dialog with an internal iframe, which uses a PHP document so that an image and something Information . It works correctly, but if I click on one of the images to go to the full size image and show it in IFrame, the size of the dialogue does not change.
In this way, iframe and dialog are created, I have erased some extra code, but here it is important:
$ ('& lt; iframe id = "frameProductos" width = "100%" src = "articulos_info.php? codigo_art = '+ val +'" name = "frameProductos" & gt; '). Annex ('body'); Var dialog = $ ("# frameProctctos"); Dialog.dialog ({title: 'Revisión de producto', resizable: false, modal: true, position: ['center', 150], overlay: {opacity: 0.5, background: "black"}, open: function (event ('' 100% '');} Close: function (event, UI) {$ (this) .dialog ('deleted'). Remove ();}, width: 500, height: 500, button: { "Serar": function () {$ (this) .dialog ('deleted'). Remove ();}}}); If content resizes (when the image is clicked and the full resolution image is shown) I need dialog and iframe to change their sizes. $ (document) .ready (function) () {// this window Do something like Parent.resizeIframe ();});
Comments
Post a Comment