‹‹ 上一主题 | 下一主题 ››
发新话题
打印

特急！高手请进！

chenyujun [楼主]

新手上路

帖子
9 
体力
29  
威望
0  
当前
湖北 荆州
离线
33 天
1# 大 中 小 发表于 2008-7-16 15:10 
请高手帮我看下下面的代码，为什么IE和火狐的显示差距蛮大？是不是哪里出了错？

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  <title>在线聊天</title>

  <script type="text/javascript" src="../../scripts/cart.js"></script>

  <script type="text/javascript" src="../../scripts/common.js"></script>

  <script type="text/javascript" src="../../scripts/date.js"></script>

  <style type="text/css">
  <!--
  body {
  margin-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  }
  <style>
  .fixed
  {
  right:60px;
  top:64px;
  width:216px;
  height:405px;
  +position:absolute;
  +top:expression(document.body.scrollTop+100+'px');
  position:absolute; clear:both;
  }
  
  -->
  </style>
  <link href="../../App_Themes/style/lt.css" rel="stylesheet" type="text/css" />
  <link href="../../App_Themes/style/css.css" rel="stylesheet" type="text/css" />
  <style type="text/css">
  <!--
  .style1 {font-family: Arial, Helvetica, sans-serif}
  -->
  </style>
</head>
<body onload="loadNoReadMsg()" onunload="clearFlag()">
  <form id="form1" runat="server">
  <script type="text/javascript">
       var username = "<%= Request.QueryString["un"] %>";
       var myNickname = "<%= MyNickname %>";
       var hisNickname = null;
       var photoInfo = null;
  function clearFlag() {
    var check = new Check();
    check.del(username);
  }

       function loadNoReadMsg() {
    if(null != username && "" != username) {
      if(null == hisNickname)
        getEl("spanHName").innerHTML = "载入中...";
      //
      MakeFriends.Components.AJAX.Users.GetNoReadMsg(username, _loadNoReadMsgCallback);
    }
       }
       
       function _loadNoReadMsgCallback(res) {
         if(null != res.value) {
      if(null == hisNickname) {
        if(null != username && "" != username) {
          // 获取用户昵称。
          MakeFriends.Components.AJAX.Users.GetUserPartInfo(username, _getPartIntoCallback)
        }
      }
      //
      var chatContent = getEl("tbHistoty").value;
           for(var i=0; i<res.value.Rows.length; i++) {
             chatContent += res.value.Rows[i].Nickname + " " + DateUtil.Format("yyyy-MM-dd hh:mm:ss", res.value.Rows[i].SendTime);
             chatContent += "\n" + res.value.Rows[i].Content + "\n";
           }
      getEl("tbHistoty").value = chatContent;
         }
    //setTimeout("loadNoReadMsg()", 2000);
       }
       
       function _getPartIntoCallback(res) {
    var info = res.value.split(",");
    hisNickname = info[0];
    getEl("spanHName").innerHTML = hisNickname;
    getEl("spanHName2").innerHTML = hisNickname;
    getEl("spanAge").innerHTML = info[1];
    getEl("spanGender").innerHTML = (info[2] == "0" ? "男" : "女");
       }
       
       function sendMsg() {
         var content = getEl("tbContent").value;
         if(content == "") {
           alert("消息不能为空！");
           return;
         }
    if(username != null && username != "") {
      var chatContent = myNickname + " " + DateUtil.Format("yyyy-MM-dd hh:mm:ss", new Date());
      chatContent += "\n" + content + "\n";
           chatContent = chatContent.replace("'", "\"");
      getEl("tbHistoty").value += chatContent;
      getEl("tbContent").value = "";
      MakeFriends.Components.AJAX.Users.SendMsg(username, content, _sendMsgCallback);
    }
       }
       
       function _sendMsgCallback(){}
       
       function clearHistory() {
         if(confirm("历史记录被清除之后将无法恢复，确认？")) {
           MakeFriends.Components.AJAX.Users.DelSpecMsg(username, _delSpecMsgCallback);
         }
       }
       
       function _delSpecMsgCallback() {
    getEl("tbHistoty").value = "";
    getEl("tbAllRec").value = "";
       }
       
       var switchFlag = true;
       function showAllRec() {
    var divR = getEl("divRight")
         if(switchFlag) {
           if( photoInfo == null )
             photoInfo = divR.innerHTML;
           divR.innerHTML = "<textarea name=\"tbAllRec\" cols=\"22\" rows=\"19\" id=\"tbAllRec\"></textarea>";
           switchFlag = false;
           //
           if(null != username && "" != username) {
        getEl("tbAllRec").value = "载入中...";
             MakeFriends.Components.AJAX.Users.GetSpecMsg(username, _getSpecMsgCallback)
           }
         }
         else {
           switchFlag = true;
      divR.innerHTML = photoInfo;
         }
       }
       
       function _getSpecMsgCallback(res) {
    var chatContent = "";
         if(null != res.value) {
           for(var i=0; i<res.value.Rows.length; i++) {
             chatContent += res.value.Rows[i].Nickname + " " + DateUtil.Format("yyyy-MM-dd hh:mm:ss", res.value.Rows[i].SendTime);
             chatContent += "\n" + res.value.Rows[i].Content + "\n";
           }
         }
    getEl("tbAllRec").value = chatContent;
       }
       
  function pressKey() {
    if(event.ctrlKey && window.event.keyCode==13){
      sendMsg();
    }
  }
  </script>
    <table width="550" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td height="64" valign="top" background="../../App_Themes/images/chat/lt_r1_c1.jpg">
          <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td width="95%" height="28">
                &nbsp;&nbsp;&nbsp;<span class="lt style1">&nbsp;您正在和 <span id="spanHName"></span>&nbsp;聊天</span></td>
              <td width="5%" onclick="javascript:window.opener=null;window.close();">
                <img src="../../App_Themes/images/chat/lt_r17_c1.jpg" width="12" height="11" border="0"
                  usemap="#Map"></td>
            </tr>
          </table>
        </td>
      </tr>
    </table>
    <table width="550" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td width="7" rowspan="4" background="../../App_Themes/images/chat/lt_r2_c2.jpg">
        </td>
        <td align="center" valign="top" bgcolor="#FFFFFF"><textarea name="tbHistoty" cols="35" rows="11" id="textarea4" style="overflow-y:hidden;overflow-x:hidden; margin-right:1px; width:326px; height:226px" ></textarea></td>
        <td rowspan="4" align="center" valign="top" bgcolor="#FFFFFF"><div class="fixed" id="divRight">
          <table width="100%" height="390" border="0" cellpadding="0" cellspacing="0" >
            <tr>
              <td height="390" align="right" valign="top" background="../../App_Themes/images/chat/lt_r7_c15.jpg">&nbsp;</td>
            </tr>
          </table>
        </div></td>
      </tr>
      <tr>
        <td width="323" height="29" align="right" valign="bottom" background="../../App_Themes/images/chat/lt_r10_c9.jpg"><table width="305" height="19" border="0" cellpadding="0" cellspacing="0">
          <tr>
            <td width="74" height="19" align="center">&nbsp; </td>
            <td width="99" align="right" valign="bottom"> <img src="file:///C|/Documents%20and%20Settings/c/桌面/abcd/abcd/App_Themes/images/chat/It_r17_c3.jpg" width="13" height="14">&nbsp; </td>
            <td width="56" valign="middle" class="zt"> <a href="#" onclick="showAllRec()"> </a><a href="#" onclick="clearHistory()">清除记录</a>&nbsp; </td>
            <td width="22" class="zt"><a href="#" onclick="showAllRec()"><img id="lt_r11_c11" src="../../App_Themes/images/chat/lt_r11_c11.jpg" width="13"
                    height="14" border="0" alt="" /></a></td>
            <td width="54" valign="middle" class="zt"><a href="#" onclick="showAllRec()">消息记录 </a></td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td align="center" valign="middle" bgcolor="#FFFFFF">        <textarea name="tbContent" cols="35" rows="3" id="textarea" onkeydown="pressKey()" style="overflow-y:hidden;overflow-x:hiddenmargin-right:1px; width:326px; height:70px"></textarea></td>
      </tr>
      <tr>
        <td height="26" align="right" valign="bottom" bgcolor="#FFFFFF"><table width="200" height="47" border="0" cellpadding="0" cellspacing="5">
          <tr>
            <td height="37"><a href="#" onclick="sendMsg()"><img src="../../App_Themes/images/chat/lt_r17_c2.jpg" width="80" height="37" border="0"></a></td>
            <td align="center"><img src="file:///C|/Documents%20and%20Settings/c/桌面/abcd/abcd/App_Themes/images/chat/lt_r17_c3.jpg" width="80" height="37"></td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td background="../../App_Themes/images/chat/lt_r2_c3.jpg">&nbsp;
        </td>
        <td colspan="2" align="right" valign="top" background="../../App_Themes/images/chat/lt_r16_c5.jpg"><table width="8" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td background="../../App_Themes/images/chat/lt_r2_c19.jpg">&nbsp;</td>
          </tr>
        </table></td>
      </tr>
    </table>
    <img name="lt_r16_c19" src="../../App_Themes/images/chat/lt_r16_c19.jpg" width="7"
      height="12" border="0" alt="">
    <map name="Map">
      <area shape="rect" coords="3,-2,13,11" href="#">
    </map>
    <map name="lt_r4_c13Map">
      <area shape="rect" coords="2,1,13,11" href="#">
    </map>
  </form>
</body>
</html>

TOP

‹‹ 上一主题 | 下一主题 ››
发新话题