Es increible que no me quiera resultar jajaja, soy un inutil para esto :P
aqui pongo el código que lo modifique pero me arroja un error.
ajax_old.js
Código:
function ConstructorXMLHttpRequest()
{
if(window.XMLHttpRequest)
{
return new XMLHttpRequest();
}
else if(window.ActiveXObject)
{
var versionesObj = new Array('Msxml2.XMLHTTP.5.0', 'Msxml2.XMLHTTP.4.0', 'Msxml2.XMLHTTP.3.0', 'Msxml2.XMLHTTP', 'Microsoft.XMLHTTP');
for(var i=0;i<versionesObj.length;i++)
{
try
{
return new ActiveXObject(versionesObj[i]);
}
catch(errorControlado)
{
}
}
}
throw new Error("No se pudo crear el objeto XMLHttpRequest");
}
function objetoAjax()
{
this.objetoRequest = new ConstructorXMLHttpRequest();
}
function ajaxPost(url)
{
var v1,v2, contenedor;
contenedor = document.getElementById('Texto');
v1=document.getElementById('usuario').value;
v2=document.getElementById('contra').value;
cadena="usuario="+v1+"&clave="+v2+"&nocache="+Math.random();
var objetoActual=this;
this.objetoRequest.open('POST',url,true);
this.objetoRequest.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
this.objetoRequest.onreadystatechange =
function()
{
switch(objetoActual.objetoRequest.readyState)
{
case 1:
objetoActual.cargando();
break;
case 2:
objetoActual.cargado();
break;
case 3:
objetoActual.interactivo();
break;
case 4:
objetoActual.completado(objetoActual.objetoRequest.status,
objetoActual.objetoRequest.statusText,
objetoActual.objetoRequest.responseText,
objetoActual.objetoRequest.responseXML);
break;
}
}
this.objetoRequest.send(cadena);
}
function objetoRequestCargando() {}
function objetoRequestCargado() {}
function objetoRequestInteractivo() {}
function objetoRequestCompletado(estado, estadoTexto, respuestaTexto, respuestaXML) {}
//Definimos la función de recoger información.
objetoAjax.prototype.coger = ajaxPost ;
//Definimos una serie de funciones que sería posible utilizar y las dejamos en blanco en esta clase.
objetoAjax.prototype.cargando = objetoRequestCargando;
objetoAjax.prototype.cargado = objetoRequestCargado;
objetoAjax.prototype.interactivo = objetoRequestInteractivo;
objetoAjax.prototype.completado = objetoRequestCompletado;
y este es el login.html
Código:
<html>
<head>
<title>Sistema web de Logros Academicos de Jardines Infantiles</title>
<link href="sislog.css" rel="stylesheet" type="text/css">
<script language="JavaScript" type="text/javascript" src="ajax_old.js"></script>
<script language="JavaScript" type="text/javascript">
var PeticionAjax01 = new objetoAjax();
PeticionAjax01.completado = objetoRequestCompletado01;
function objetoRequestCompletado01(estado,estadoTexto,respuestaTexto,respuestaXML)
{
document.getElementById('Texto').innerHTML=respuestaTexto;
}
</script>
</head>
<body>
<div id="contenedor">
<div id="login">
<div id="formu">
<form method="post" name="formulario" size="15">
<div class="etiqueta">Nombre de Usuario:</div>
<div class="cajas"><input type="text" id="usuario" name="Nom" size="15" /></div>
<div class="etiqueta">Contraseña:</div>
<div id="Pass">
<div class="cajas"><input type="password" id="contra" name="clave" size="15" /></div>
</div>
<div align="left"><input type="submit" onclick="PeticionAjax01.ajaxPost('login2.php')" name="aceptar" class="button" value="Aceptar"></div>
</form>
</div>
<div class="imagen">
<img src="pg.gif" width="100" heigth="100" />
</div>
<div class="texto-login"><p><strong>Identificación de Usuario</strong><br />
Ingrese nombre de usuario y contraseña.</p>
</div>
</div>
<div id="Texto"></div>
</div>
</body>
</html>
me arroja este error:
PeticionAjax01.ajaxPost is not a function
la verdad que creo que necesito leer más sobre ajax, pero si ustedes me lo pudieran aclarar que estoy haciendo mal se los agradeceria bastante.
Gracias
Saludos