将弹出页面的大小设置为所选div的大小

我打开使用window.open的新弹出页面，并且希望将新页面的大小设置为特定div的相同大小，我希望我的网页专注于此div。将弹出页面的大小设置为所选div的大小

比如我有这样的结构，

<html> 
<head></head> 
<body> 
    <div id="main"> 
     <div id="top"></div> 
     <div id="bottom"></div> 
    </div> 
</body> 
</html>

当我打开我的新弹出的页面中，我想新的窗口只显示div与id=top

我能做到这一点计算的DIV大小和滚动页面到div我想，我想问问是否有更简单的方法。

感谢您的时间

来源

2013-10-03 Gokhan Arik

var divHeight = $("#top").height(); 
var divWidth = $("#top").width(); 

var w=window.open('','', 'width=0,height=0'); 
w.resizeTo(divWidth, divHeight); 
w.focus();

这里的演示：http://jsfiddle.net/deepakpmishra/KaAas/3/

调整结果窗口，在弹出的窗口大小的变化。

编辑

您可以调整股利以适合窗口，但不能做它周围的其他方式。

需要在popup中创建的div，其尺寸应该是预定义的。这样弹出的窗口大小和div大小可以是相同的大小。使top div适合弹出窗口中的屏幕。

#top 
{ 
width: 100%; 
height: 100%; 
}

并在创建弹出窗口时指定合适的大小。比方说，

var w=window.open('','', 'width=100,height=200');

你必须在弹出的使用$("#top").focus为重点的股利。弹出窗口包含您在问题中提供的html代码的地址。

来源

2013-10-03 17:05:30 Sorter

我在做类似的事情，你有任何关于如何专注于特定的div的想法吗？新页面与旧页面相同。我只想显示'top' div。大小是可以的，但我希望它也专注于这个div。 –

CSS可以帮助你，并给弹出一个合适的大小。 – Sorter

将弹出页面的大小设置为所选div的大小

回答

相关问题