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);
}
}
}