Ver Mensaje Individual
  #1 (permalink)  
Antiguo 12/10/2006, 18:03
Avatar de giotari
giotari
Usuario no validado
 
Fecha de Ingreso: mayo-2003
Ubicación: Chile
Mensajes: 295
Antigüedad: 21 años, 7 meses
Puntos: 0
usar dos div en ajax

el problema es que quiero usar dos div pero no resulta, estoy tratando de hacer que al pinchar el boton enviar aparecca a l lado un cargando.. tipo respuesta forosodelweb, luego carge una pagina x en otro div.. pero el primer div funciona bien, el segundo en vez de traer la pagina refresca el sitio ....


Código HTML:
var XMLHttpRequestObject = false;

if (window.XMLHttpRequest) 
{
   XMLHttpRequestObject = new XMLHttpRequest();
} else if (window.ActiveXObject) {
        XMLHttpRequestObject = new ActiveXObject("Microsoft.XMLHTTP");
}

function pedirDatos(fuenteDatos, divID)
{
        if(XMLHttpRequestObject) 
		{
		   //Si es llamado del Registro de Newslleter	
		   if (divID=="newslleter")
			   {		
			   var txtnombre = document.getElementById('tx_nombre');
			   var txtemail = document.getElementById('tx_mail');
			   }
		   //Si es llamado del Formulario de Contacto	
		   if (divID=="form")
			   {			   		
			   var txtrut	 	 = document.getElementById('tx_rut');
			   var txtnombres 	 = document.getElementById('tx_nombres');
			   var txtapellidos	 = document.getElementById('tx_apellidos');
			   var txtdireccion  = document.getElementById('tx_direccion');
			   var slsector		 = document.getElementById('sl_sector');			   
			   
			   var txtemail 	 = document.getElementById('tx_email');
			   var txttelefono 	 = document.getElementById('tx_telefono');			   			   			   			   
			   var txtfax    	 = document.getElementById('tx_fax');			   			   			   			   		   
			   
			   var sltippat		 = document.getElementById('sl_tippat');
			   var txtubipat   	 = document.getElementById('tx_ubipat');
			   var txtpatente  	 = document.getElementById('tx_patente');
			   var txtobs	  	 = document.getElementById('tx_obs');
			   			   			   			   
			   var txtcopia		 = document.getElementById('tx_copia');
			   var txtnewslleter = document.getElementById('tx_newslleter');			   
			   var txtcargado	 = document.getElementById('tx_cargado');
			   }

		   var obj = document.getElementById(divID);
		   obj = document.getElementById(divID);  
		   var obj2 = document.getElementById('cargando');
		   obj2 = document.getElementById('cargando');  		   

		   XMLHttpRequestObject.open("POST", fuenteDatos);
		  		
		   XMLHttpRequestObject.onreadystatechange = function()
		   {
				   if (XMLHttpRequestObject.readyState == 4 && XMLHttpRequestObject.status == 200) 
				   {												
						obj.innerHTML = XMLHttpRequestObject.responseText;
				   }else{
	 				    obj2.innerHTML = '<img src="img/gif/gl-loadingchico.gif" align="absmiddle"/> Validando Formulario...';          
				   }
		   }
		   //Si es llamado del Registro de Newslleter	
		   if (divID=="newslleter")
			   {
		   		XMLHttpRequestObject.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
		   		XMLHttpRequestObject.send("txtnombre="+txtnombre.value+"&txtemail="+txtemail.value);
				}
			if (divID=="form")
				{
		   		XMLHttpRequestObject.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
		   		XMLHttpRequestObject.send("txtrut="+txtrut.value+"&txtnombres="+txtnombres.value+"&txtapellidos="+txtapellidos.value+"&txtdireccion="+txtdireccion.value+"&slsector="+slsector.value+"&txtemail="+txtemail.value+"&txttelefono="+txttelefono.value+"&txtfax="+txtfax.value+"&sltippat="+sltippat.value+"&txtpatente="+txtpatente.value+"&txtobs="+txtobs.value+"&txtcargado="+txtcargado.value+"&txtcopia="+txtcopia.value+"&txtnewslleter="+txtnewslleter.value);							   			   
				}else{
				XMLHttpRequestObject.send(null);
				}

        } 
}