myajax.js

仿招聘网站 SSH框架 ajax功能

var xmlHttpRequest;
function createXMLHttpRequest()
{
	if(window.ActiveXObject)
	{
	   return new ActiveXObject("Microsoft.XMLHTTP");
	}
	else if(window.XMLHttpRequest)
	{
	    return new XMLHttpRequest();
	}
}
function selectCategory()
{
	var type=document.getElementById("companyName").value;
	var url="/ChinaHR/doEnterprise.do?operate=Find";
	var param="param="+type;
	xmlHttpRequest=createXMLHttpRequest();
	xmlHttpRequest.open('POST',url);
	xmlHttpRequest.setRequestHeader("content-length",param.length);
  	xmlHttpRequest.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
	xmlHttpRequest.onreadystatechange=haolejiaowo;
	xmlHttpRequest.send(param);
}

function change()
{
	var tt=document.getElementById("companyName");
	var dads  = document.all.myLayer.style;
	var th = tt;
	var ttop  = tt.offsetTop;     
	var thei  = tt.clientHeight;  
	var tleft = tt.offsetLeft;   
	var ttyp  = tt.type;          
	while (tt = tt.offsetParent){ttop+=tt.offsetTop; tleft+=tt.offsetLeft;}
	dads.top  = (ttyp=="image")? ttop+thei : ttop+thei+6;
	dads.left = tleft;
}
function haolejiaowo(){

	if (xmlHttpRequest.readyState==4
	&& xmlHttpRequest.status==200){
		var result=xmlHttpRequest.responseXML.getElementsByTagName("name");
		var totaldiv=document.getElementById("myLayer");
		document.getElementById("myLayer").style.cursor="hand";
		change();
		totaldiv.className="";
		cleardiv(totaldiv);///
		if (result.length>0){
			for (var i=0;i<result.length;i++){///
				var disdiv=document.createElement("div");
				disdiv.appendChild(document.createTextNode(result[i].firstChild.nodeValue));
				disdiv.onclick=selectbas;
				disdiv.onmouseover=overblue;
				disdiv.onmouseout=outgreen;
				disdiv.style.backgroundColor="lightblue";
				totaldiv.appendChild(disdiv);
			}
			totaldiv.style.display="";
		}
	}
	///	
   document.onkeydown=keyupdown;//navigator
   window.onresize=change;//if change size
   

	function overblue(disblue){
	
	var thisDiv=(disblue)?disblue.target:window.event.srcElement;
	thisDiv.style.backgroundColor="blue";
}

function outgreen(disgreen){

	var thisDiv=(disgreen)?disgreen.target:window.event.srcElement;
	thisDiv.style.backgroundColor="lightblue";
}
function cleardiv(maindiv){
	while (maindiv.childNodes.length>0){
		maindiv.removeChild(maindiv.childNodes[0]);
	}
}
function selectbas(basName){
	var thisDiv=(basName)?basName.target:window.event.srcElement;
	document.getElementById("companyName").value=thisDiv.innerHTML;
	document.getElementById("myLayer").style.display="none";
}

var i=0;
function keyupdown()
{
	var maindiv=document.getElementById("myLayer");
	for(var j=0;j<maindiv.childNodes.length;j++)
	{
		maindiv.childNodes[j].style.backgroundColor="lightblue";
	}
	if(event.keyCode==38)//up
	{
		i--;
		if(i<0)
		{
			i=0;
			alert("already go to the first!");
			maindiv.childNodes[i].style.backgroundColor="blue";
			return;
		}
		document.getElementById("companyName").blur();
	    maindiv.childNodes[i].style.backgroundColor="blue";
	}
	if(event.keyCode==40)//down
	{
		if(i==maindiv.childNodes.length-1)
		{
			alert("already go to the last!");
			maindiv.childNodes[i].style.backgroundColor="blue";
			return;
		}
		i++;
		document.getElementById("companyName").blur();
		maindiv.childNodes[i].style.backgroundColor="blue";
	}
	if(event.keyCode==13)//ok
	{
		document.getElementById("companyName").value=maindiv.childNodes[i].innerHTML;
		maindiv.style.display="none";
	}
}
}