javascript - jQuery UI Overlay Repeat Fix For "Auto" Dimensions -
a while ago, had problem pop-up dialogs had height going beyond background. translucent overlay stopped in middle , underneath black. friend fixed me. said:
"for dialog issue used 900px width , height. there's no way accomplish fix purely css because values overwritten when javascript called display dialog. need after opening/creating dialog resize background overlay dimensions of page. can see in index.html bonus features."
unfortunately, fix doesn't apply when width , height set 'auto'.
can please me here? thanks.
$("<div class='popupdialog'>loading...</div>") .dialog({ autoopen: true, closeonescape: true, width: '900', height: '900', modal: true, title: 'bonus features', beforeclose: function(){ $(this).remove(); } }).load(url, function() { $(this).dialog("option", "position", ['center', 'center'] ); }); adjustjquerydialogoverlay(); } $(window).resize(function() { $(".ui-dialog-content").dialog("option", "position", ['center', 'center']); });
function opendialog(url) { $("<div class='popupdialog'>loading...</div>") .dialog({ autoopen: false, closeonescape: true, width: '900', height: 'auto', modal: true, title: 'bonus features', }).bind('dialogclose', function() { jdialog.dialog('destroy'); }).load(url, function() { $(this).dialog("option", "position", ['center', 'center'] ).bind('dialogopen', function() { adjustjquerydialogoverlay(); }); $(this).dialog("open"); }); } $(window).resize(function() { $(".ui-dialog-content").dialog("option", "position", ['center', 'center']); });
Comments
Post a Comment