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>";
&nbs
Ïà¹ØÎĵµ£º
AJAXÊÇAsynchronous JavaScript and XMLËõд¡£Õâ¸ö¸ÅÄî´ú±íµÄÊÇÒ»ÖÖ¼¼Êõ£¬µ±ÄúÔÚ˵“ÎÒÔÚÏîÄ¿ÖÐʹÓÃÁËAJAX¼¼Êõʱ”£¬Ö»ÊÇ´ú±íÁËÄúʹÓÿͻ§¶ËXMLHttpRequest¶ÔÏóÓë·þÎñÆ÷¶Ë½øÐÐÒ첽ͨÐÅ¡£²»¹ýÒòÎªËæ×ÅAJAX¼¼ÊõµÄÔËÓÃÍùÍù»á´øÀ´·á¸»µÄ¿Í»§¶ËЧ¹û£¬Òò´Ë¶ÔAJAX¼¼ÊõµÄ¹ãÒåÀí½âÒ²¿ÉÒÔÈÏΪÕâÊÇÒ»ÖÖ²Ù×÷ ......
±¾ÎÄÊÕ¼¯ÁËһЩÓÐȤ²¢ºÜÓÐÓõÄ×Ô¶¯Ìáʾ½Å±¾£¬ËûÃÇÎÞÂÛ¶ÔÓÚ³õѧÕß»¹ÊÇרҵǰ¶Ë¿ª·¢ÈËÔ±¶¼ÊÇÊÊÓõġ£ÕâЩ½Å±¾°üÀ¨±ê×¼µÄ×Ô¶¯ÌáʾЧ¹û¡¢·Â
del.icio.usЧ¹û¡¢·ÂGoogelЧ¹ûÒÔ¼°Ê¹ÓÃ×Ô¶¯ÌáʾµÄ¸ß¼¶Êý¾Ý±í¹ýÂËЧ¹û¡£
ʹÓÃÒ»¸öºÏÊʵÄ×Ô¶¯Ìáʾ½Å±¾ÓÐЧµÄÌáÉýÄãµÄÍøÕ¾µÄÓû§ÌåÑé¡£
1. Ajax Auto Suggest v.2
AutoSuggest
ÀàÌ ......
¼òµ¥µÄExt.Ajax. requestʾÀý
var requestConfig = {
url :'loginServer.jsp',//ÇëÇóµÄ·þÎñÆ÷µØÖ·
params : {userName : 'tom',password : '123'},//ÇëÇó²ÎÊý ......
Accordion¿Ø¼þʱµÄ³£ÓÃÊôÐÔ±êÇ©
ÊôÐÔ±êÇ©Ãû Ãè¡¡¡¡Êö
SelectedIndex ¸Ã¿Ø¼þ³õ´Î¼ÓÔØÊ±Õ¹¿ªµÄAccordionPaneÃæ°åµÄË÷ÒýÖµ
HeaderCssClass ¸ÃAccordionÖаüº¬µÄËùÓÐAccordionPaneÃæ°åµÄ±êÌâÇøÓòËùÓ¦ÓõÄCSS Class
ContentCssClass ¸ÃAccordionÖаüº¬µÄËùÓÐAccordionPaneÃæ°åµÄÄÚÈÝÇøÓòËùÓ¦ÓõÄCSS Class
AutoSize Ô ......
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>xmlhttprequest ajax demo</title>
<mce:script type ="text/javascript" language ="javascript" ><!--
var req; //¶¨Òå±äÁ¿£¬ÓÃÀ´´´½¨xmlhttprequest¶ÔÏó
function creatReq() // ´´½¨xmlhtt ......