在点击一个登录的超链接后,我想弹出一个自定义大小的弹出窗口,虽然我设置了窗口大小,但是360浏览器会自动最大化。我想知道该怎么做才能在一个页面上弹出一个自定义的小窗口用于用户登录。
解决方案 »
- servlet 404
- 关于session有效期设置的一点困惑
- 急需一个含验证码的jsp页面!
- 求java高手合作项目.
- 请教高手一个问题!!!!!!!!!!!!!!!!!!!!!!!!!
- 求助:jsp上string型變量傳入動態form中arraylist的問題
- 奇怪的“automation服务器不能创建对象“,高分求解
- POI操作excel表,当我把数据导入excel时提示:不能打开文件????,请高手指教
- 大家帮忙!在表单输入的时候是中文,但是提交后在另一个页面显示却是乱码
- 怎样取form中的file的值
- 为什么两台电脑上HibernateTools生成的实体类不一样?
- 求正则过滤sql中的关键
这个你可以弹出一个隐藏div嘛~~~!!!
为什么非要是窗口呢!!!
var height = 窗口高度;
var width = 窗口宽度
showModalDialog(url,param,"dialogHeight:"+height+"px;dialogWidth:"+width+"px; center:Yes;help:No;resizable:No;status:No")
<head>
<script>
function reSizeWindow()
{
var shadow = document.getElementById("shadow");
var dialog = document.getElementById("dialog");
shadow.style.width = parseInt(document.body.clientWidth) + parseInt(document.body.scrollLeft);
shadow.style.height = parseInt(document.body.clientHeight) + parseInt(document.body.scrollTop);
dialog.style.left = parseInt(document.body.clientWidth)/2 - parseInt(dialog.style.width)/2 + parseInt(document.body.scrollLeft);
dialog.style.top = parseInt(document.body.clientHeight)/2 - parseInt(dialog.style.height)/2 + parseInt(document.body.scrollTop);
}
function openWindow()
{
document.getElementById("shadow").style.display = "block";
document.getElementById("dialog").style.display = "block";
reSizeWindow();
}
function closeWindow()
{
document.getElementById("shadow").style.display = "none";
document.getElementById("dialog").style.display = "none";
}
</script>
<style type="text/css">
.dialogStyle
{
background:red;
position:absolute;
display:none;
text-align:right;
z-index:2;
}
.shadowStyle
{
position:absolute;
left:0px;
top:0px;
display:none;
filter:alpha(opacity=30);
opacity:0.3;
background:gray;
z-index:1;
}
</style>
</head>
<body style="margin:0px 0px 0px 0px;">
<input type="button" onclick="openWindow()" value="open" style="margin-left:100px;margin-top:100px;"/>
<div id="dialog" class="dialogStyle" style="width:200px;height:200px;">
<input type="button" value="close" onclick="closeWindow()"/>
</div>
<div id="shadow" class="shadowStyle">
</div>
<!--width:200px;height:200px;background:red;position:absolute;display:none;text-align:right;z-index:2;-->
<!--position:absolute;left:0px;top:0px;display:none;filter:alpha(opacity=30);opacity:0.3;background:gray;z-index:1;-->
<script>
window.onresize = function()
{
reSizeWindow();
}
window.onscroll = function()
{
reSizeWindow();
}
for(var i = 0;i < 100;i++)
{
document.write("<br/>"+i);
}
</script>
</body>
</html>