日期:2014-05-17  浏览次数:20808 次

求助!一个聊天窗口的层次问题!JS什么不是很懂!救命!在线等!
有一个邮箱系统,里面有一个聊天功能,当别人给你发送消息时,IE会循环显示谁给你发送信息,但是问题出来了,当别人给我发送信息时,第一次IE会有提示,当我看完消息关掉聊天窗口时,别人再给我发送消息,IE就不提示了,应该是因为只是调用了一个隐藏窗口的方法,当时被隐藏的窗口依然在最顶层,所以没有提示,因为如果再关掉窗口后再打开和别人的聊天窗口后,在发送消息IE就又有提示了。
function hideChatWin(obj) {
obj.style.display = 'none';
obj.getElementsByTagName('div')[0].className = 'handle';
var txt=obj.getElementsByTagName("textarea")[0];
txt.value="";

}这个是调用的JS隐藏窗口的方法
<div id="chatWin" class="chatWin" style="display:none;" onclick="moveOnTop(this);">

<div id="handle" class="handle" ondblclick="tidyDiv(this);" style="">
<img src="../img/indicators/green.png" style="position:absolute;left:10px;top:7px ;padding- bottom: 5px;border:0px solid #999999 " />
<div id="chatWinTitleBar" nowrap="nowrap" style="border:0px solid blue;position:absolute;left: 35px;top:7px;width:70%px">&nbsp;</div>
<div style="text-align: right;cursor: pointer;position: absolute;right:5px;top:3px" onclick="hideChatWin(this.parentNode.parentNode);" >&nbsp;<img style="cursor:hand;position:absolute;right:5px;top:5px;" alt="" src="../images/deleteico.gif"/>&nbsp;</div>
</div>

<img alt="对方头像" style="border:2px solid #77a6c1;z-index:3;position: absolute;left: 30px;top:60px" src="../img/avatarh.png" id="statusindicator2" >
<img alt="我的头像" style="border:2px solid #77a6c1;position: absolute;left: 30px;bottom:70px" src="../img/avatarh.png" id="statusindicator">
  <div valign="bottom" id="chatWinText" style="z-index:5;height:260px;position:absolute;left:150px;top:50px;border:0px solid blue">
<div id="chatScroll">
<div id="myText" style="outline:hidden;word-break:break-all;word-wrap: break-word;"></div>
</div>
</div>
这个是部分DIV代码

------解决方案--------------------
那你消息来时,把窗口的隐藏属性设置为false不能解决吗?