用ajax實(shí)現(xiàn)在單擊事件下加載一個DIV層的腳本

更新時間：2007年11月22日 11:56:12 作者：

我想做一個類似QQ空間評論的功能
不知大家發(fā)現(xiàn)了沒有 QQ空間只有點(diǎn)擊了那個文本框后編輯器才會加載出來
并不是那種先隱藏通過單擊后才顯示的

<!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>  <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  <title>無標(biāo)題文檔</title>  <script type="text/javascript">  //the function can get the content of right page when user click the link in the left side  var xmlHttp;  var searching=false;  var myDivName="";  function getXMLHTTP(){      A = new ActiveXObject("microsoft.xmlhttp");      return A;  }  function executeQuery(divName,url)  {      searching = true;      myDivName = divName;      if(xmlHttp && xmlHttp.readystate != 0) {          xmlHttp.abort();      }      xmlHttp=getXMLHTTP();      var tempurl="";      if(xmlHttp && myDivName!=""){          tempurl += url + ".htm" + "?";//加載文擋類型          tempurl += "&" + new Date().getTime();          xmlHttp.open("Get", tempurl , true);          xmlHttp.onreadystatechange = getReturnHtml;          xmlHttp.send(null);      }else{          searching = false;          myDivName = "";          window.alert('系統(tǒng)太忙，請稍后再試！');          return false;      }  }  function getReturnHtml(){          if(xmlHttp.readyState==1)      {      document.getElementById(myDivName).innerHTML ="<img src='http://www.dhdzp.com/logo.gif'/>";      }            else if(xmlHttp.readystate == 4 && xmlHttp.responsetext && searching) {              //alert (myDivName);          document.getElementById(myDivName).innerHTML = xmlHttp.responsetext;          //alert(xmlHttp.responseText);          searching = false;      } else{          document.getElementById(myDivName).innerHTML ="拒絕訪問";          }  }  </script>  <style type="text/css">    </style>  </head>  <body>  <div   class="gi8gawg"   id="Layer1"></div>  <label>  <input type="button" name="Submit" value="在下面加載新聞" onclick="executeQuery('Layer1','http://www.dhdzp.com')" />  </label>  </body>  </html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

您可能感興趣的文章: