通用的模式弹出窗口(适用于IE,Firefox,Opera,Netscape)

最新推荐文章于 2024-04-24 16:59:31 发布

piperzero

最新推荐文章于 2024-04-24 16:59:31 发布

阅读量1.1k

点赞数

分类专栏：网站建设文章标签： firefox opera ie radiobutton button javascript

本文链接：https://blog.csdn.net/freejs/article/details/3018727

版权

网站建设专栏收录该内容

740 篇文章 1 订阅

订阅专栏

<html>
<head>
<title>Js Pop Win</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="JavaScript">
// =========================================================================================================
// 通用模式弹出窗口(适用于IE,Firefox,Opera,Netscape)
// ==========================================================================================================
function popWin(theURL,winName,theW,theH,showAsModal) {
    theTop = (window.screen.height-theH)/2;
    theLeft = (window.screen.width-theW)/2;
    var features = "toolbar=0,scrollbars=yes,left=" + theLeft + ",top=" + theTop + ",width=" + theW + ",height=" + theH;

    window.SubWin = window.open(theURL,winName,features);
    window.SubWin.focus();

    if(showAsModal){
        window.CtrlsDisabled = new Array();
        DisableCtrls("INPUT;SELECT;TEXTAREA;BUTTON");
    }

    function DisableCtrls(tagNameStr){
        var arrTags = tagNameStr.split(";");
        for(var i=0;i<arrTags.length;i++){
            var arrEle = document.getElementsByTagName(arrTags[i]);
            PushToCtrlsDisabled(arrEle);
        }

        for(var i=0;i<window.CtrlsDisabled.length;i++){
            window.CtrlsDisabled[i].disabled = true;
            window.CtrlsDisabled[i].readOnly = true;
        }
    }

    function PushToCtrlsDisabled(arrEle){
        for(var i=0;i<arrEle.length;i++){
            if(!arrEle[i].disabled){
                window.CtrlsDisabled.push(arrEle[i]);
            }
        }
    }

    window.onfocus = function(){
        if(window.SubWin && showAsModal){
            if(window.SubWin.closed == true || typeof(window.SubWin.closed) == "undefined"){
                for(var i=0;i<window.CtrlsDisabled.length;i++){
                    window.CtrlsDisabled[i].disabled = false;
                    window.CtrlsDisabled[i].readOnly = false;
                }
            }else{
                window.SubWin.focus();
            }
        }
    }
}
</script>
</head>
<body>
<form action="" method="post" name="frm">


<input type="text" name="txt" value="">
<textarea name="textarea"></textarea>
<input type="text" name="textfield">
<input type="hidden" name="hiddenField">
<input type="checkbox" name="checkbox" value="checkbox">
<input type="radio" name="radiobutton" value="radiobutton">
<input type="radio" name="radiobutton" value="radiobutton">
<select name="select">
<option>aaa</option>
<option>bbb</option>
</select>
<input type="file" name="file">
<label>dsfgsg</label><input type="submit" name="Submit" value="提交">
<input type="button" name="Submit2" value="按钮">
<input type="reset" name="Submit3" value="重置">
<button name="Submit2" value="按钮xxxx">yyyyyyyyy</button>
<button name="Submit2" value="按钮xxxx" disabled>safasfdsadf</button>
<br><br>
<input type="button" value="Test typeof">
<input type="submit" value="Submit">
<br><br>
<input type="button" value="Close Window" οnclick="window.opener=null;alert('xxx');window.close();">
<div id="divId" style="border:solid 1px #ff0000;width:100%;"></div>
<script language="JavaScript">
    var btn = document.createElement("button");
    btn.innerHTML = "文件(<u>F</u>)";
    btn.disabled = true;
    var divId = document.getElementById("divId");
    divId.appendChild(btn);
</script>



<br><br><br>
<input type="button" value="Pop Window" οnclick="popWin('JsXPopWinPop.htm','popWindow',300,150,true);">

</form>
</body>
</html>
通用的模式弹出窗口(适用于IE,Firefox,Opera,Netscape)

piperzero

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
通用的模式弹出窗口(适用于IE,Firefox,Opera,Netscape)

<script type="text/javascript"src="
复制链接

扫一扫