根据内容自动调整弹出窗口大小的JS解决方案

王朝c#·作者佚名  2006-12-17
窄屏简体版  字體: |||超大  

根据内容自动调整弹出窗口大小的JS解决方案

根据内容自动调整弹出窗口大小的JS解决方案 问题

在弹出创苦时,根据窗口的内容来自动调节窗口的大小,窗口如果已经和屏幕相等大小时则出现滚动条。

解决方案

在弹出的页面中添加一JS脚本方法win_onLoad(),在body的onload方法中引用win_onLoad(),在body中添加表,表的id取名为tbllist,窗口的大小就是这个table的大小在宽和高上分别加50。

部分代码如下:

<script language=javascript>

function win_onLoad(){

var width = document.all['tblKsList'].offsetWidth;

var height = document.all['tblKsList'].offsetHeight;

width = eval(width + 50);

height = eval(height + 50);

if (width < 500)

width = 500;

else if (width > screen.width)

width = screen.width;

if (height < 400)

height = 400;

else if (height > screen.height)

height = screen.height;

//alert(width);alert(height);

window.resizeTo(width,height);

}

</script>

<head></head>

<BODY bgcolor='0099CC' leftmargin='0' topmargin='0' marginwidth='0' marginheight='0' onload='win_onLoad();'>

<TABLE width='95%' border='0' cellpadding='0' cellspacing='0' class='table-left1-right2' style='border:1 solid #000000' id='tblList'>

<TR>

<TD width='100%' valign='top' colspan=2>

欢迎使用!

</TD>

</TR>

</TABLE>

</BODY>

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航