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

转载 2007年09月21日 10:11:00

父类(主/打开)窗口中代码为:

 

 

 

<html>
<head><title>父类窗口</title>
<script type="text/javascript">
var s,oRes;
 
function openwin(url)
 
{
     s
=window.open("child.htm");    
    oRes
=s.document.getElementById("txt");
    
//文本改变时还回
    //oRes.onchange=function(){
    //alert("text changed");
    //document.getElementById("txtRet").value=oRes.value;}
    //子窗口关闭时还回,另一种方法传参数
    //var btnChild=s.document.getElementById("btnSubmit");
    //btnChild.onclick=function(){
    //alert("btn clicked");
    //document.getElementById("txtRet").value=oRes.value;}
 }

 
function childclose(txt)
{
    document.getElementById(
"txtRet").value=txt;
}

</script>
<body>
<form>
<input type="text" id="txtRet" name="txtRet" />
<input type="button" value="按钮" onclick="openwin('child.htm')" />
</form>
</body>
</html>

 

在之类弹出窗口加入resizeto(window.clientWidth,window,clientHeight)代码:

 

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    
<title>子类窗口</title>
    
<script type="text/javascript">
    window.open
=function() {
        
if(window.opener)
            
{
           width
=document.body.clientWidth+33;
           height
=document.body.clientHeight+50;
           window.resizeTo(width,height);
       }

    }
    
    
</script>
</head>
<body style="margin:0px;" onload="win_onLoad()">
<input type="text" id="txt" name="txt" />
<input type="button" id="btnSubmit" name="btnSubmit" value="确定" />
<script type="text/javascript">
btnSubmit.onclick
=function(){
        
if(window.opener)
        
{
            window.opener.childclose(document.getElementById(
"txt").value);
            window.setTimeout(
function(){self.close();},500);
        }

        
else
        
{
            self.close();
        }

    }

</script>
</body>
</html>

 

 referrence:http://topic.csdn.net/t/20040623/09/3114967.html

相关文章推荐

解决JS弹出新窗口被浏览器阻止的解决方案

rel="stylesheet" type="text/css" /> 密码确认 function tijiao(){ // 提交 var password = document.get...

解决JS弹出新窗口被浏览器阻止的解决方案

本文转载自:http://blog.csdn.net/cntanghai/article/details/6643522 在js中通过open弹出窗口可能会被阻止,我尝试这段代码: ...

弹出窗口根据内容调整大小并居中的JS实现(适用IE、活动窗口和模式窗口)

在onload事件中调用adjustWindowSizeAndPos方法            function adjustWindowSizeAn...

window.open浏览器弹出新窗口被拦截—原因分析和解决方案

最近在做项目的时候碰到了使用window.open被浏览器拦截的情况,在本机实验没问题,到了服务器就被拦截了,火狐有拦截提示,360浏览器拦截提示都没有,虽然在自己的环境可以对页面进行放行,但是对用户...

android 弹出“应用程序×××无法响应”窗口的解析和解决方案

android代码完全没有错误,但是有时候会发出“应用程序×××无法响应”的异常,这让很多做android开发的人员很是郁闷,所以我这里就专门来解析一下,以及谈谈它的解决方案。      andro...

弹出输入框后,将listview内容遮住,解决方案

更改listview的布局属性之前的布局:

点击一个超链接,弹出固定大小的新窗口(js实现)

1、最基本的弹出窗口代码                 因为这是一段javascripts代码,所以它们应该放在标签和</script>之间。是对一些版本低的浏览器起作用,在这些老浏览器...

js判断上传文件大小 (尝试网上解决方案后结果....)

最近使用到一个文件上传功能,发现恶意上传一个2G文件时,后台处理响应较慢,遂想到能否使用js来进行客户端的验证。但查阅网上多处资料,均使用 ActiveXObject("Scripting.FileS...

js判断上传文件大小 (尝试网上解决方案后结果....)

"text/javascript">      var isIE = /msie/i.test(navigator.userAgent) && !window.opera;            fu...

用于验证码图片识别的类(C#源码) 使用进程投票,可自动清除Alert弹出窗口,可自动换IP,ADSL用户自行修改Restart.bat中第三行内容

最近写了几个网站的验证码图片自动识别程序,尽管每个网站的验证码图片都不相同,识别的方法有所差别。但写得多了,也总结出不少相同之处。今天抽空封装出一个基础类来,发现可以很好地重复利用,编写不同的验证码识...
  • yeisman
  • yeisman
  • 2013年06月06日 00:33
  • 940
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:弹出窗口根据内容自动调整大小的JS解决方案
举报原因:
原因补充:

(最多只允许输入30个字)