Ajax獲取層的方法

var x,y;
 //這是一個通過AJAX取得提示信息的方法
  function over(noteContent){
   //記錄事件發生時的鼠標位置
   x = event.clientX;
   y = event.clientY; 
   //顯示工具提示
   document.getElementById("tip").style.display = "block";
   //顯示工具提示的起始座標
   document.getElementById("tip").style.top = y;
   document.getElementById("tip").left = x+10;
   document.getElementById("tip").innerHTML="<table width=/"160/" border=/"0/" cellpadding=/"0/"" +
   "cellspacing=/"0/" class=/"STYLE1/"><tr> <td>內容:"+noteContent+"</td> </tr></table>";   
  }
  
   function out(){
   document.getElementById("tip").style.display = "none";
  }


獲取多個參數

<script type="text/javascript">
var x,y;
 //這是一個通過AJAX取得提示信息的方法
  function over(btime,etime,departName,PuserName){
   //記錄事件發生時的鼠標位置
   x = event.clientX;
   y = event.clientY; 
   //顯示工具提示
   document.getElementById("tip").style.display = "block";
   //顯示工具提示的起始座標
   document.getElementById("tip").style.top = y;
   document.getElementById("tip").left = x+10;
   document.getElementById("tip").innerHTML="<table width=/"160/" border=/"0/" cellpadding=/"0/"" +
   "cellspacing=/"0/" class=/"STYLE1/"><tr> <td>開始時間:"+btime+"</td> </tr><tr> <td>結束時間:"+etime+
   "</td></tr><tr> <td>部門:"+departName+"</td></tr><tr> <td>預約人:"+PuserName+"</td></tr></table>";   
  }
  
   function out(){
   document.getElementById("tip").style.display = "none";
  }
</script>


 <a href="#" onMouseOver="over('${schedule.beginTime}','${schedule.endTime}','${schedule.departName}','${schedule.puserName}')"
             οnmοuseοut="out()"> ${schedule.title} </a>

<div id="tip" style="position:absolute;display:none;border:1px;border-style:solid;background:#FFFFCC"></div>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章