ajax.js

关于ajax在web2.0中的应用(主要是实例程序)

    if (ie4||ns6){
      showhide(dropmenuobj.style, e, "visible", "hidden", tipwidth)
      dropmenuobj.x=getposOffset(obj, "left")
      dropmenuobj.y=getposOffset(obj, "top")
      dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px"
      dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px"
    }
  }

  function hidetip(e){
    if (typeof dropmenuobj!="undefined"){
      if (ie4||ns6)
        dropmenuobj.style.visibility="hidden"
    }
  }

  function delayhidetip(){
    if (ie4||ns6)
      delayhide=setTimeout("hidetip()",disappeardelay)
  }

  function clearhidetip(){
    if (typeof delayhide!="undefined")
    clearTimeout(delayhide)
  }

  function overlay(curobj, subobj)
  {
    if (document.getElementById)
    {
      var subobj=document.getElementById(subobj)
      subobj.style.left=getposOffset(curobj, "left")+"px";
      subobj.style.top=(getposOffset(curobj, "top")+16)+"px";
      var visible=(subobj.style.display!="none");
      if (visible) subobj.style.display="none";
      else         subobj.style.display="block";
      return false;
    }
    else
      return true;
  }

  function overlayclose(subobj){
    var o = document.getElementById(subobj);
    if ( o!=null )
      o.style.display="none"
  }


//added by janet 2005.12.9--begin
function jumpChart(submitUrl,portId,obj)
{ 
  var url=submitUrl+'&param='+obj.options[obj.selectedIndex].value;
  url=url+"&portId="+portId;
  chart_porlet_entry(url,portId);
}
function chart_porlet_entry( submitUrl,portId)
{
  postXmlHttp( submitUrl, 'refreshChart('+portId+')');;
}
function refreshChart(portId)
{
  var div="chart_"+portId;
  var chart = document.getElementById(div);
  if ( chart != null )
     chart.innerHTML = _xmlHttpRequestObj.responseText; 
}
function jumpChart2(submitUrl,portId,param)
{ 
  var all=document.getElementById("portlet_"+portId+"_all");
  var open=document.getElementById("portlet_"+portId+"_open");
  if(param=="ALL"){
    open.removeAttribute("bgColor");
    all.setAttribute("bgColor","#ccccdd");
  }else{
    all.removeAttribute("bgColor");
    open.setAttribute("bgColor","#ccccdd");
  }
  var url=submitUrl+'&param='+param;
  url=url+"&portId="+portId;
  chart_porlet_entry(url,portId);
}
//added by janet 2005.12.9--end
//added by janet 2006.03.03--begin
function getInQueue( submitUrl )
{
  var flag=document.listqueue.queueid.value;
  if ( submitUrl.indexOf("&act=")!=-1)
  {
  	var str = submitUrl.substring(submitUrl.indexOf("&act="));
  	postXmlHttp( submitUrl, 'actionQueue("'+str+'")');
  }
  else
  {
    submitUrl = submitUrl + "&flag="+flag;
    postXmlHttp( submitUrl, 'refreshQueue()');
  }
}
function actionQueue( str )
{
	var id = str.substring(str.indexOf("&cid=")+5);
	var remove = document.getElementById("id_"+id);
	if ( remove != null)
	   remove.parentNode.removeChild(remove);
	   
	if (str.indexOf("approval")!=-1)
	{
		var htmlClient=_xmlHttpRequestObj.responseText;
		var mydiv = document.createElement("div");
		mydiv.setAttribute("id","client_"+id);
		mydiv.innerHTML=htmlClient;
		var result = document.getElementById("clientWindow");
		if( result!=null)
		{
		  result.appendChild(mydiv);
		  result.appendChild(document.createElement("br"));
		}
	} 
}
function refreshQueue()
{
  var queue = document.getElementById("inqueue");
  if ( queue != null )
  {
     var xmlQueue=_xmlHttpRequestObj.responseXML;
     var clients=xmlQueue.getElementsByTagName("client");
     var info = xmlQueue.getElementsByTagName("clients");
     
     var strAppr="Javascript:getInQueue('xhpInQueue.jsp?ui="+info[0].getAttribute("user")+"&si="+info[0].getAttribute("sessionid")+"&sk="+info[0].getAttribute("sessionkey")+"&act=approval";
     var strRefu="Javascript:getInQueue('xhpInQueue.jsp?ui="+info[0].getAttribute("user")+"&si="+info[0].getAttribute("sessionid")+"&sk="+info[0].getAttribute("sessionkey")+"&act=refused";
     for (var i=0; i<clients.length; i++)
     {
       var span=document.createElement("span");
       var client = clients[i];
       span.appendChild(document.createTextNode(client.getAttribute("firstname")+" "+client.getAttribute("lastname")));
       
       var archor1 = document.createElement("a");
       archor1.setAttribute("href",strAppr+"&cid="+client.getAttribute("id")+"');");
       archor1.appendChild(document.createTextNode("  Approval "));
       span.appendChild(archor1);
       
       var archor2 = document.createElement("a");
       archor2.setAttribute("href",strRefu+"&cid="+client.getAttribute("id")+"');");
       archor2.appendChild(document.createTextNode("  Refused "));
       span.appendChild(archor2);
       span.appendChild(document.createTextNode(client.getAttribute("createtime")));
       span.appendChild(document.createElement("br"));
       span.setAttribute("id","id_"+client.getAttribute("id"));
       queue.appendChild(span); 
     }
     document.listqueue.queueid.value=info[0].getAttribute("updateflag");
  }
}
function getTalkContent( submitUrl )
{
  var flag=document.param.flag.value;
  submitUrl = submitUrl + "&flag="+flag;
  postXmlHttp( submitUrl, 'refreshContent()');
}
function refreshContent()
{
  var div="content";
  var content = document.getElementById(div);
  if ( content != null )
  {
    var textMsg = _xmlHttpRequestObj.responseText;
    if (textMsg.indexOf("__FINISH")>=0)
    {
      var errMsg = document.getElementById("errMsg");
      if (errMsg != null)
      {
        errMsg.innerHTML="<font color=#ff0000>Lose conneting</font>";
      }
    }
    else
    {
      var xmlMsg = _xmlHttpRequestObj.responseXML;
      var msgs = xmlMsg.getElementsByTagName("Message");
      for (var i=0; i< msgs.length; i++)
      {
        var msg=msgs[i];
      
    	var from=msg.getElementsByTagName("From");	
    	var fromElem=document.createElement("span");
    	fromElem.style.color=from[0].getAttribute("color");
    	fromElem.appendChild(document.createTextNode(from[0].getAttribute("user")));
    	content.appendChild(fromElem);
        content.appendChild(document.createTextNode(" Said to "));
      
        var to=msg.getElementsByTagName("To");
        var toElem=document.createElement("span");
    	toElem.style.color=to[0].getAttribute("color");
    	toElem.appendChild(document.createTextNode(to[0].getAttribute("user")));
    	content.appendChild(toElem);
    	
    	var words=msg.getElementsByTagName("Content");
        content.appendChild(document.createTextNode(" : "+words[0].firstChild.nodeValue));
        content.appendChild(document.createTextNode(".("+msg.getAttribute("datetime")+")"));
    	content.appendChild(document.createElement("br"));
      }
      var flag = xmlMsg.getElementsByTagName("Messages");
      document.param.flag.value=flag[0].getAttribute("updateflag");
    }
  } 
}
function sentContent( submitUrl ,clientId )
{
  var action =submitUrl.substring(submitUrl.indexOf("&act=")+5);
  if(action=="send")
  {
    var words=document.forms["livetalk_"+clientId].elements["words_"+clientId].value;
    var flag=document.forms["livetalk_"+clientId].elements["flag_"+clientId].value
    submitUrl = submitUrl + "&words="+words+"&flag="+flag;
    postXmlHttp( submitUrl, 'refreshWords("'+clientId+'","send")');
  }
  else if(action=="close")
  {
    postXmlHttp( submitUrl, 'refreshWords("'+clientId+'","close")');
  }
  else if(action=="save")
  {
    postXmlHttp( submitUrl, 'refreshWords("'+clientId+'","close")');
  }
}
function refreshWords( id , action )
{
 if( action=="send")
 {
   document.forms["livetalk_"+id].elements["words_"+id].value="";
   document.forms["livetalk_"+id].elements["flag_"+id].value="";
 }
 else if(action=="close")
 {
   var remove = document.getElementById("client_"+id);
	 if ( remove != null)
	   remove.parentNode.removeChild(remove);
 }
}
//added by janet 2006.03.03--end

// Mouse Over Script Start
ajax_mouseover_timerid = -1;
ajax_mouseover_objtype = '';
ajax_mouseover_objid   = '';
ajax_mouseover_inprogress = 0;
ajax_mouseover_submiturl  = '';
currMouseX = 0;
currMouseY = 0;
function ajax_mouseover( ajaxMouseOverObjType, ajaxMouseOverObjId )
{
  if ( ajax_mouseover_timerid != -1 )
  {
    clearTimeout(ajax_mouseover_timerid);
    ajax_mouseover_timerid = -1;
  }
  
  currMouseX = window.event.clientX+document.body.scrollLeft;
  currMouseY = window.event.clientY+document.body.scrollTop;
  
  if ( ajax_mouseover_inprogress == 0 )
  {
    ajax_mouseover_objtype = ajaxMouseOverObjType;
    ajax_mouseover_objid   = ajaxMouseOverObjId;
    ajax_mouseover_timerid = setTimeout( 'ajax_mouseover_action()', 1000 );
  }
}

function ajax_mouseout( ajaxMouseOverObjType, ajaxMouseOverObjId )
{
  if ( ajax_mouseover_timerid != -1 )
  {
    clearTimeout(ajax_mouseover_timerid);
    ajax_mouseover_timerid = -1;
  }
}

function ajax_mouseover_action()
{
  ajax_mouseover_inprogress = 1;
  submitUrl = ajax_mouseover_submiturl + '&objtype=' + ajax_mouseover_objtype + '&objid=' + escape(ajax_mouseover_objid) ;
  try {
    if ( ajax_mouseover_email_contactid > 0 )
      submitUrl = submitUrl + '&eml_contactid=' + ajax_mouseover_email_contactid;
  }
  catch ( e ) {};
  postXmlHttp( submitUrl, 'ajax_mouseover_showsnapshot()' );
}

function ajax_mouseover_showsnapshot()
{
  var snapshot_div = document.getElementById('ajax_mouseover_snapshot_div');
  if ( snapshot_div != null )
  {
    snapshot_div.innerHTML = _xmlHttpRequestObj.responseText; 

    snapshot_div.style.position = "absolute";
    snapshot_div.style.width = "360px";
    snapshot_div.style.top   = (currMouseY+1 ) + "px";
    snapshot_div.style.left  = (currMouseX+10) + "px";
    snapshot_div.style.visibility = 'visible';
    snapshot_div.style.display = "block";
    adjustiFrame( snapshot_div );
    ajax_mouseover_inprogress = 0;
  }
}
function ajax_mouseover_hidenapshot()
{
  var snapshot_div = document.getElementById('ajax_mouseover_snapshot_div');
  if ( snapshot_div != null )
  {
    snapshot_div.style.display = "none";
    snapshot_div.style.visibility = "hidden";
    adjustiFrame( snapshot_div )
    ajax_mouseover_inprogress = 0;
  }
}
// Mouse Over Script End
//this fuctions is added by Janet 2006.2.22

function set_radio_value ( formName, elemName, selectedValue)
{
 var elem= document.forms[formName].elements[elemName];
 for ( var i=0; i< elem.length; i++)
 {
   if ( elem[i].value == selectedValue )
   {
     elem[i].checked = true ;
     break;
   }
 }
}

function set_select_value ( formName, elemName, selectedValue)
{
 var elem= document.forms[formName].elements[elemName].options;
 for ( var i=0; i< elem.length; i++)
 {
   if ( elem[i].value == selectedValue )
   {
     elem[i].selected = true ;
     break;
   }
 }
}