[英]Align iframe in jQuery Dialog
我想显示和iframe到一个jQuery用户界面对话框。 该iframe需要根据所需用户的对话框大小进行调整。 该对话框应占据对话框的所有空间,但标题(顶部)或调整大小按钮(右下方)除外。
jQuery(document).ready(function(){
jQuery("<div id ='container'><iframe src='http://www.google.com'></iframe></div>").dialog({modal:true,title:"Title",width:800,height:600});
});
有什么想法吗? 我对CSS的宽度和高度感到生气。
没关系
jQuery(document).ready(function(){
jQuery("<div id ='container' style='padding:0px; margin:0px; overflow:hidden;'><iframe height=100% width=100% style='width:100%; height:100%;padding:0px; margin:0px;' frameborder=0 src='http://www.stack.com'></iframe></div>").dialog({modal:true,title:"Title",width:400,height:400});
});
UPDATE由于可能的填充边距问题而更改了代码。
请尝试此工作演示 http://jsfiddle.net/xyctR/18/
iframe将使用jsfiddle进行填充,您可以看到其余的行为。
希望这可以帮助,
以下代码将满足您的需要,即“需要根据所需用户的对话框大小来调整大小。对话框应占据对话框的所有空间,但标题(顶部)或调整大小按钮除外”
码
function showDialog(url){
var iframe = $('<iframe id="modalIframeId" width="100%" height="100%" src='+url+' marginWidth="0" marginHeight="0" frameBorder="0" scrolling="auto" title="Dialog Title">Your browser does not support</iframe>')
.on('load', function() {
console.log('loaded');
});
$("#divId")
.append('<div id="loading">Loading....</div>')
.append(iframe)
.dialog({modal:true,title:"Title",width:800,height:600});
}
showDialog('http://jsfiddle.net');
**image**
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.