没有地址栏的弹出窗口
我似乎记得现在的浏览器试图阻止隐藏弹出窗口的地址栏,但有办法解决这个问题..
目前我正在使用此代码:
<script language="javascript">
var popupWindow = null;
function centeredPopup(url,winName,w,h,scroll){
LeftPosition = (screen.width) ? (screen.width-w)/2 : 0;
TopPosition = (screen.height) ? (screen.height-h)/2 : 0;
settings = 'height='+h+',width='+w+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+scroll+',resizable'
popupWindow = window.open(url,winName,settings)
}
</script>
<img onClick="centeredPopup('test.php','test','400','400','yes');return false" src="test.png">
在Safari浏览器中,弹出窗口显示没有地址栏,但在Chrome浏览器中,IE11和Firefox显示地址栏。
无论如何,这可以与我列出的所有浏览器中的地址栏一起使用,还是可以使用其他代码完成? javascript,jquery,php?
我所追求的只是一个简单的弹出窗口,它以特定的大小开始,但如果需要的话,它可以移动,可调整大小和滚动。
谢谢
**更新**
我有这种工作。 该对话框出现滚动条,但我无法滚动。
有任何想法吗 ? 这FIDDLE显示我的意思。
也许我出错了,但以防万一:你提供的小提琴在HTML中设置滚动为“no”。 一旦它设置为“是”,它的滚动完美:)
<div id="dialog" style="display:none;" title="Dialog Title"><iframe frameborder="0" scrolling="yes" width="100%" height="100%" src="http://google.about.com/"></iframe></div>
你可以做类似的事情:
<a class="test" href="www.somesite.com">Test</a>
<div id="somediv-wrap">
<div id="somediv">
</div>
</div>
<script>
$(document).ready(function() {
$("#somediv-wrap").dialog({
autoOpen: false,
width: 400,
height:200,
modal: true
});
$(".test").click(function(event)
{
event.preventDefault();
var link = $(this).attr('href');
$("#somediv").load(link,function(){
$( "#somediv-wrap" ).dialog( "open" );
});
});
});
</script>
你创建对话框,当它打开时,从你的服务器加载一个html文件,替换你的对话框中<div id="somediv"></div>
内容<div class="somediv-wrap"/>
。