AJAX 메모장--간이판

function clearForm(){ //           
 getObject("username").value="";    
 getObject("qq").value="";    
 getObject("email").value="";    
 getObject("content").value="";    
}    
   
function addNew(){ //    ，                      
 if(/LastDate=([^;]+)/.test(document.cookie)){ //  cookie      ，       ，            
  var exp=new Date();    
  exp.setTime(exp.getTime()-1);    
  document.cookie="LastDate="+RegExp.$1+";expires="+exp.toGMTString();    
 }    
 getList(1);  //  cookie             
}    
   
function makBookStr(username,sex,qq,email,content,pubdate){ //              
 if((email=unescape(email))!="    "){    
  email='<a href="mailto:'+email+'" title="'+email+'">    </a>';    
 }    
 var tempStr='<div >\    
   <div ><div >'+sex+'</div><strong>  ：</strong>'+unescape(username)+'</div>\    
   <div ><strong>QQ：</strong>'+unescape(qq)+' <strong>E-mail：</strong>'+email+'  <strong>    ：</strong>'+pubdate+'</div>\    
   <div >\    
    <strong>    ：</strong>\    
    <p>'+unescape(content)+'</p>\    
   </div>\    
  </div>';    
 return tempStr;    
}    
   
function writeBookArr(Str){ //                
 if(Str!=0){    
  var bookList=eval("new Array("+Str+")");    
  var allStr="";    
  for(var i=0;i<bookList.length;i++){    
   allStr+=makBookStr(bookList[i].username,bookList[i].sex,bookList[i].qq,bookList[i].email,bookList[i].content,bookList[i].pubdate);     
  }    
 }else{ //  0          
  allStr="<div tips\">       ！</div>"   
 }    
 getObject("bookList").innerHTML=allStr;    
}    
   
function getList(page){ //            
 getObject("bookList").innerHTML="<div tips\">     ....   !</div>"; //             
 var xhr=XHR();    
 xhr.open("GET", "getRecord.asp?page="+page+"&r="+Math.random(), true);    
 xhr.onreadystatechange=function(){    
  if(xhr.readyState==4){    
   if(xhr.status==200){    
    writeBookArr(xhr.responseText);    
    getPage(); //          
   }else{    
    alert("      ！     ！");     
   }    
  }    
      
 }    
 xhr.send(null);    
}    
   
function upDateList(){  //      ，         
 var xhr=XHR();    
 xhr.open("GET", "getRecord.asp?act=getUpdate&r="+Math.random(), true);    
 xhr.onreadystatechange=function(){    
  if(xhr.readyState==4){    
   if(xhr.status==200){    
    //    LastDate（        ）                         
    if(/LastDate=([^;]+)/.test(document.cookie) && unescape(RegExp.$1)!=xhr.responseText){    
     getList();  //  cookie                        
    }    
    document.cookie="LastDate="+escape(xhr.responseText); //  cookie            
   }    
  }    
      
 }    
 xhr.send(null);    
 setTimeout("upDateList()",15000); // 15           
}    
   
function getPage(){ //          
 getObject("pageList").innerHTML="<div loadPage\">       ....   !</div>"; //             
 var xhr=XHR();    
 xhr.open("GET", "getRecord.asp?act=getPageInfo&r="+Math.random(), true);    
 xhr.onreadystatechange=function(){    
  if(xhr.readyState==4){    
   if(xhr.status==200){    
    //Result=   |     |  |       
    var Result=xhr.responseText.split("|");    
    var tempPageStr=new Array("<div>  <span num\">"+Result[0]+"</span>      <span num\">"+Result[1]+"</span>       <span num\">"+Result[3]+"/"+Result[2]+"</span>     <select page\" getList(this.value)\" style=\"width:50px;\">");    
    for(var i=1;i<=Result[2];i++){    
     if(i!=Result[3])    
      tempPageStr[i]="<option value=\""+i+"\">"+i+"</option>";    
     else   
      tempPageStr[i]="<option selected=\"selected\" value=\""+i+"\">"+i+"</option>";    
    }    
    tempPageStr[i]="</select> </div>";    
    var ResultStr=tempPageStr.join('');    
    getObject("pageList").innerHTML=ResultStr;    
   }else{    
    alert("        ！     ！");     
   }    
  }    
      
 }    
 xhr.send(null);    
}    
   
function changeStyle(id){ //        
 var stylesheet=getObject("color").href="color/color"+id+".css";    
 document.cookie="stylesheet="+escape(stylesheet); //  Cookie    
}    
   
function initStyle(){ //     ，  cookie    ，   cookie  ，            
  if(/stylesheet=([^;]+)/.test(document.cookie))    
   getObject("color").href=unescape(RegExp.$1);    
}    
window.onload=function(){initStyle();getList();upDateList()} //