关于window.createPopup的两个有关问题-HTML教程-爱易网页

关于window.createPopup的两个有关问题

日期：2014-05-17　浏览次数：20767 次

关于window.createPopup的两个问题
由于IE6+SP1已经把full screen后在resizeTo的BUG给封了,因此似乎做完全无边框的页面只能用window.createPopup来建窗口了,因为是要脱离于原页面的,也只能用window.createPopup了.但window.createPopup有两个问题不知道如何解决
问题一,如果在用window.createPopup建立的窗口中把自己hide掉,是hide不是close.
我想实现在鼠标离开这个页面的时候页面自动隐藏.
问题二,使用 var oPage = window.createPopup;
var oBody = oPage.document.body;
cHtml = " <html> \n ";
cHtml += " <head> \n ";
cHtml += "............ ";
cHtml += " </head> \n ";
cHtml += " <body> \n ";
cHtml += "............ ";
cHtml += " </body> \n ";
cHtml += " </html> \n ";
oBody.innerHTML = cHtml;
oBody.show(........);
的方法建立窗口.
但似乎 ' <style type= "text/css "> '的内容加在cHtml的 <head> 部分不起作用,要使样式起作用,必须在 <body> 部分的标签里面使用style= " "这样的属性才起作用.那么这样一来,如何设置象a:link这样的伪类样式呢?

------解决方案--------------------
1、你可以指定POPUP里的body对象的 onmouseout 事件里隐藏。（不过你在这个事件里加上一个延迟处理，要判断一个是不是真的离开了）
2、你可以使用document.createElement("LINK") 导入样式表文件，也可以使用 document.createStyleSheet() 方式创建或者导入样式

POPUP你可以认为是已经存在<head><body>对象的框体，你只管往里面注入内容
------解决方案--------------------
抢分来了！

HTML code

<!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> new document </title>
<meta name="generator" content="editplus" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<script type="text/javascript">
<!--
//popup窗体 开始-------------------------------
var oPopup, oPopupBody, oPopTimer
function popInit(){
    if (window.document.all){
        oPopup = window.createPopup()
        oPopupBody = oPopup.document.body;
        oPopupBody.style.background="#000"
        oPopupBody.style.fontSize="12px"
        oPopupBody.style.textAlign="center" 
        oPopupBody.style.padding="2px 2px 0px 2px"     
        var s = oPopup.document.createStyleSheet();   
        s.addRule ('a:link','color:red;')
        s.addRule ('a:visted','color:red;')
        s.addRule ('a:hover','color:gold;')
        oPopupBody.attachEvent('onmouseout',hidePop)
        oPopupBody.attachEvent('onmouseover',clrPopTimer)
    }
}
function showPop(){        
    if (window.document.all){
        var xp =  200, yp     =  100, ww     =  180, wh     =  50, txt = '<div><a href="">sdfsdfsggggg</a></div>'
        oPopupBody.innerHTML = txt
        oPopup.show( xp, yp, ww, wh )                
        oPopupBody.innerHTML=txt
        oPopup.show(xp,yp,ww,wh)
    }
}
function hidePop(){
    if (window.document.all)
        if (oPopup.isOpen)
            oPopTimer = setTimeout("oPopup.hide()",1000)            
}
function clrPopTimer(){
    clearTimeout(oPopTimer)
}

//popup窗体 结束-------------------------------    
//-->
</script>
</head>

<body>
<script type="text/javascript">
<!--
popInit()
sho

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

关于window.createPopup的两个有关问题

相关资料更多>

推荐阅读更多>