2010-12-16 46 views
1

我有一个带有动态内容的小弹出窗口。没有太复杂的。它只是一张带有一些文字的桌子。使用JavaScript查找最佳弹出窗口大小

如何查找窗口的高度和宽度以使其内容完全显示?

对窗口的尺寸使用任意静态值的问题是,根据浏览器的字体设置它可能会关闭。

如果这是不可能的,那么常见的做法是什么?

感谢。

+0

像$(win).width(win.innerWidth).height(win.innerHeight)''? – Fred 2010-12-16 00:51:34

+0

其实我没有使用jQuery。我正在使用dojo。 – 2010-12-16 00:53:48

回答

1

将要放入弹出窗口的HTML内容复制到离开页面的div中,然后将其除去。我不知道道场,对不起,但这是一种在jQuery中做到这一点的方法:

var measuringDiv = $('<div class="sameAsPopupContainer" style="position:absolute; left:9999px; top:0px"></div>'); 
$('body').append(measuringDiv); 
measuringDiv.html(theHtmlForTheTable); 
heightOfContent = measuringDiv.width(); 
widthOfContent = measuringDiv.height(); 
measuringDiv.remove(); 

我假设dojo有类似的方法。重要的是,您创建的离页div与弹出容器保持相同的样式规则,这可能有点棘手。