ajax_tab.js

利用ajax编写的一个漂亮的个人简历

<!--
function BookMarkFixer(){
   this.actions = {};	
}

BookMarkFixer.prototype.register = function(s,action){
   this.actions[s] = action;	
}

BookMarkFixer.prototype.toHash = function(s){
   var hash = document.location.hash;
   
   hash = hash.slice(1,hash.length);
   
   var arrHash = hash.split(".");
   if(hash.length==0) arrHash = [];
   var exist = false;
   
   for(var i=0;i<arrHash.length;i++){
       if(arrHash[i]=s){
           exist = true;
           break;
       }	
   }
   
   if(!exist) arrHash.push(s);
   document.location.hash = "#" + arrHash.join(".");
}

function bmfOnload(){
   var hash1 = document.location.hash;
   hash1 = hash1.slice(1,hash1.length);
   
   var arrHash1 = hash1.split(".");
   if(hash1.length==0) arrHash1 = [];
   
   for(var i=0;i<arrHash1.length;i++){
       bmf.actions[arrHash1[i]]();	
   } 	
}

setOnloadEvent(bmfOnload);

var bmf = new BookMarkFixer();
bmf.register("container",initAjax);

function setTabEvent(){
	 if(!document.getElementsByTagName) return false; 
	 
	 for(var i=0;i<arguments.length;i++){
	    var tabs = $(arguments[i]);
	    if(!tabs) return false;
	    
	    var theList = tabs.getElementsByTagName("li");
	    var theLink = tabs.getElementsByTagName("a");
	    for(var j=0;j<theList.length;j++){
	    	 var theTab = theList[j];
	    	 if(theTab.parentNode!=tabs) continue;
	    	 
	    	 var theA = theLink[j];
	    	 theA.onclick = function(){
	    	    this.setAttribute("href","javascript:void(0)");	
	    	 }
	    	 
	       theTab.onclick = function(){
	       	  var theClass = this.className;
	       	  var objId = this.getAttribute("id").split("_")[1];
	       	  var theURL = (this.getAttribute("id").split("_")[0]) + ".htm";

	       	  if(theClass!="current"){
	       	     chgTabStyle(tabs,objId,theURL);
	       	     return false;	
	       	  }
	       }
	    } 
	 } 
	 bmf.toHash("container");    	
}

function chgTabStyle(ListName,tabId,URL){
   if(!ListName || !document.getElementsByTagName) return false;
	 var Tabs = ListName;
	 var theLi = Tabs.getElementsByTagName("li");
	 
	 for(var i=0;i<theLi.length;i++){
	    if(i==tabId){
	    	 theLi[tabId].className = "current";
	    	 requestAjax("container",URL);
	    }
	    else{
	       theLi[i].className = "";	
	    }	
	 }
}

function requestAjax(tagid,URL){
	  if(!$(tagid)) return false;
	
	  var targetUrl = URL;
	  var xmlhttp = new HttpRequest();
	  var loadstatustext="<div class='loading'>正在加载内容, 请稍候...<br /><img src='img/loading.gif' alt='正在加载内容, 请稍候...' /></div>";
	  
	  $(tagid).innerHTML = loadstatustext;
	
	  with(xmlhttp){
		   init();
		   doSetCallBack(injectAjax,tagid);
		   doSendResuest(targetUrl,"GET",xmlhttp);
	  }
}

function injectAjax(str,objID){
//<![CDATA[	
	 if(!$(objID)) return false;
	 $(objID).innerHTML = str;
//]]>	
}

function initAjax(){
	 return setTabEvent("tabs");
}

setOnloadEvent(initAjax);
//-->