CMS*_*CSS 5 javascript resize window center
这不是我们通常会做的事情,但我们正在尝试将视频加载到由clickTag(来自横幅广告)打开的空白窗口中 - 并尽可能让它感觉像一个模态窗口.
是否可以使用javascript自行调整clickTag打开的空白窗口并将其置于屏幕中心?
用户基本上点击观看视频,我们希望他们观看视频而不会感觉他们已经去了一个完全不同的网站.
到目前为止,我可以调整窗口的大小,但无法弄清楚如何将其居中:
<script language="javascript">
function resizeVideoPage(){
resizeTo(400,390);
window.focus();
}
</script>
// Then...
<body onload="resizeVideoPage();"></body>
Run Code Online (Sandbox Code Playgroud)
任何指向正确方向的人都会非常感激.
干杯
本
CMS*_*CSS 10
得到它:
<script language="javascript">
function resizeVideoPage(){
var width = 600;
var height = 400;
window.resizeTo(width, height);
window.moveTo(((screen.width - width) / 2), ((screen.height - height) / 2));
}
</script>
// Then...
<body onload="resizeVideoPage();"></body>
Run Code Online (Sandbox Code Playgroud)
我个人会建议反对Popups Javascript窗口操作.(由于弹出窗口拦截器,Javascript错误,......)叠加可能会更好.
这将是另一个解决方案.
文件一(链接应指向此助手,打开视频HTML)
<html>
<body>
<script>
var windowWidth = 400;
var windowHeight = 200;
var xPos = (screen.width/2) - (windowWidth/2);
var yPos = (screen.height/2) - (windowHeight/2);
window.open("popup.html","POPUP","width="
+ windowWidth+",height="+windowHeight +",left="+xPos+",top="+yPos);
</script>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
文件二(关闭助手的视频)
<html>
<body onload="window.opener.close();">
</body>
</html>
Run Code Online (Sandbox Code Playgroud)