Código Javascript:
Ver original
function GetXmlHttpObject(handler) { var objXMLHttp=null if (window.XMLHttpRequest) { objXMLHttp=new XMLHttpRequest() } else if (window.ActiveXObject) { objXMLHttp=new ActiveXObject("Microsoft.XMLHTTP") } return objXMLHttp } function stateChanged(proceso, caja) { if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete") { // document.getElementById(caja).innerHTML= xmlHttp.responseText; document.getElementById(caja).innerHTML=proceso } else { //alert(xmlHttp.status); document.getElementById(caja).innerHTML = '<div style="width:16px; margin:auto"><img src="images/ajax-loader.gif" width="16" height="16"></div>'; } } // Will populate data based on input function htmlData(url, caja, qStr) { if (url.length==0) { document.getElementById(caja).innerHTML=""; return; } xmlHttp=GetXmlHttpObject() if (xmlHttp==null) { alert ("Su navegador no soporta este tipo de procedimiento, por favor actualice el mismo."); return; } url=url+"?"+qStr; url=url+"&sid="+Math.random(); // xmlHttp.onreadystatechange=stateChanged; xmlHttp.onreadystatechange=function() { stateChanged( xmlHttp.responseText, caja); } xmlHttp.open("GET",url,true) ; xmlHttp.send(null); }
y lo llamo asi htmlData('cambia.asp','div_acambiar','variables_ap asar')
funciona muy bien, pero quisiera saber como puedo hacer para poder modificar 2 DIV's, intenten poniendo 2 funciones htmlData() separadas por ; pero en los 2 divs me carga el mismo contenido, supongo que es por que se llama a la misma instancia JS... hasta aqui entiendo... pero como solucionarlo de preferencia usando el mismo JS? o que podria hacer... de antemano gracias...
PD no se mucho de JS ni AJAX, este script lo copie y pegue de otro sitio... por si la ayuda puede ser un poco mas alla de "busca ... " o simplemente decir que, sin decir el como pues se agradecera tambien pero pues necesitaria un empujoncillo mas fuerte...
gracias