Hola
Pues ahora que esta de moda esto del Ajax, aquà les traigo un sistema de login hecho con PHP y Ajax que funciona a la perfección. Es muy simple la verdad y solo es de entender como funciona básicamente, y para implementarlo solo necesitas agregarle unas 5 lineas de código con los datos de tu Base de Datos donde guardas los datos del usuario que desea iniciar sesión.
Aquà te dejo un link donde puedes ver funcionando en linea el Sistema de Login en Ajax
DEMO EN LINEA
Y bueno, una vez que te das a la idea de como queda el sistema, vamos con la explicación y el codigo fuente:
Mira iré explicando paso a paso lo que se necesita:
Primero tienes que tener en cuenta que se necesitaran 2 archivos: login.php que es donde aparecerá el formulario para que introduzca los datos el user, y otro es checar.php que será donde se verificará mediante ajax, que los datos introducidos por el user sean correctos.
El archivo login.php contiene esto:
NOTA: mas abajo lo iré explicando paso a paso
HTML:
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-
<html xmlns="http://www.w3.org/1999/xhtml">
-
-
<META NAME="Language" CONTENT="Spanish">
-
<title>Recursos Del Web - Sistema De Login (Logeo) En Ajax
</title>
-
</head>
-
-
<!--
-
/*
-
Esta funcion lo que hace es enviar mediante Ajax, por el metodo post, los datos (user y pass) a un archivo "checar.php" para ser comparados en la base de datos. De ser correctos se dará mensaje de bienvenida, sino, entonces marcara error de usuario o password incorrectos
-
*/
-
function POST_AJAX(url, variables) {
-
objeto = false;
-
//creamos el onjeto XMLHttpRequest para poder enviar datos mediante ajax
-
if (window.XMLHttpRequest) { // Mozilla, Safari,...
-
objeto = new XMLHttpRequest();
-
if (objeto.overrideMimeType) {
-
objeto.overrideMimeType('text/xml');
-
}
-
} else if (window.ActiveXObject) { // IE
-
try {
-
objeto = new ActiveXObject("Msxml2.XMLHTTP");
-
} catch (e) {
-
try {
-
objeto = new ActiveXObject("Microsoft.XMLHTTP");
-
} catch (e) {}
-
}
-
}
-
if (!objeto) {
-
alert("No se puede crear la instancia XMLHTTP");
-
return false;
-
}
-
-
objeto.onreadystatechange = avisos; /*Cuando el archivo que se mando llamar mediante ajax (checar.php) regrese un resultado, entonces lo primero que se hace es mandar llamar la funcion avios(), que es donde se imprimirá mensaje de bienvenida*/
-
objeto.open("POST", url, true); /* enviaremos los datos por el metodo POST hacia checar.php */
-
objeto.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); /*asignamos header. Esto no tiene relacion con el sistema de logeo. Solo es necesario para poder enviar los datos mediante ajax*/
-
objeto.setRequestHeader("Content-length", variables.length);
-
objeto.setRequestHeader("Connection", "close");
-
objeto.send(variables); /* enviamos las variables con un formato como este: "user=minombre&pass=123456&n=0" */
-
}
-
-
-
/* Esta funcion lo unico que hace, es acomodar los datos introducidos en el formulario a una cadena "variables" con este formato: "user=minombre&pass=123456&n=0" o este "n=0"
-
NOTA:
-
n=1 significa que el formulario esta siendo enviado por el usuario (es decir que en este punto, el ususario previamente tuvo que haber introducido su user y pass y despues presionado el boton "enviar").
-
n=0 significa que el formulario se esta enviando automaticamente cuando se carga la pagina. Esto lo hace para verificar si ya se habia logeado un usuario, entonces en cuanto se cargue la pagina, ya no le pedira su user y pass... ahora solo imprimirá mensaje de bienvenida. Es decir que si se logea, cierra el navegador sin haber cerrado sesion y en 3 dias por ejemplo vuelve a entrar a la pagina, lo que se le imprimirá será un mensaje de bienvenida, ya que no cerro sesion la ultima vez que salio. Esto solo dura una semana, es decir que las COOKIES de user y pass expiraran una semana despues de haber sido creadas.
-
*/
-
function enviar(id_form,n) {
-
if (n=='1') //si el formulario fue enviado al darle en el boton
-
{
-
document.getElementById('inp_enviar').innerHTML = '<input type="submit" class="MC_enviar" name="enviar" value="Enviar"/><img src="ajax.gif"/>';
-
if (vacio(document.getElementById(id_form).user.value)==false || vacio(document.getElementById(id_form).pass.value)==false)/*si alguno de los campos de user y pass estan vacios, entonces se imprime mensaje de error. NOTA: vacio() es una funcion que verifica que alla algo diferente a "" o puros espacios en blanco. Esta funcion esta mas abajo*/
-
{
-
document.getElementById('r').innerHTML = '
<label class="res">Llena correctamente los campos
</label>'; //"r" es un div que tenemos debajo del formulario para imprimir los mensajes de error.
-
document.getElementById('inp_enviar').innerHTML = '
<input type="submit" class="MC_enviar" name="enviar" value="Enviar"/>';
-
}
-
else //sà SI habia llenado correctamente el user y pass, entonces se crear una cadena "variables" con los datos de user y pass con el siguiente formato: "user=minombre&pass=123456&n=0"
-
{
-
var Formulario = document.getElementById(id_form);
-
var longitudFormulario = Formulario.elements.length;
-
var variables = "";
-
var sepCampos = "";
-
for (var i=0; i<=Formulario.elements.length-1; i++)
-
{
-
variables += sepCampos+Formulario.elements[i].name + '=' + encodeURI(Formulario.elements[i].value);
-
sepCampos="&";
-
}
-
//indice para saber si envio formulario
-
variables += '&n=' + n;
-
POST_AJAX('checar.php', variables); //se envia el nombre del archivo donde se verificaran los datos en la BD y la cadena que se acaba de crear con los datos de user y pass, hacia la funcion POST_AJAX, que lo que hace es enviar los datos por medio de AJAX utilizando el metodo POST hacia "checar.php"
-
}
-
}
-
else //si el formulario fue enviado automaticamente solo para procesos
-
{
-
variables = 'n=' + n;
-
POST_AJAX('checar.php', variables);
-
}
-
}
-
-
function avisos() {
-
if ((objeto.readyState==4) && (objeto.status==200))
-
{
-
document.getElementById('form').innerHTML = objeto.responseText; //se inserta en el DIV "form" el mensaje de bienvenida que nos imprimio "checar.php"
-
}//end if
-
}
-
-
enviar('login','0'); //se envia a la funcion "enviar()" el id del formulario y el valor 0 (cero); Este valor (0) nos indicará que el formulario esta siendo enviado cuando la pagina se esta cargando apenas. NO lo esta enviando el usuario
-
-
/*Esta funcion recorre una cadena en busca de algo diferente de espacios en blanco. Si la cadena contenia puros espacios en blanco entonces regresara False*/
-
function vacio(q) {
-
for ( i =
0; i
<q.length; i++
) {
-
if ( q.charAt(i) != " " ) { return true }
-
}
-
return false
-
}
-
-->
-
</script>
-
-
-
#contenido{
-
margin:0 auto;
-
margin-top:50px;
-
width:275px;
-
padding:15px;
-
border:solid 1px #990000;
-
font-family:Arial, Helvetica, sans-serif;
-
color:#990000;
-
}
-
-
#contenido label{
-
font-size:18px;
-
width:200px;
-
}
-
-
.MC_input{
-
font-size:18px;
-
color:#000000;
-
width:180px;
-
height:25px;
-
margin-right:10px;
-
margin-bottom:6px;
-
}
-
-
.MC_enviar{
-
width:80px;
-
height:34px;
-
font-size:18px;
-
margin-right:10px;
-
}
-
-
#labels{
-
float:left;
-
width:90px;
-
}
-
-
#lbl_user{
-
margin-top:10px;
-
margin-bottom:10px;
-
}
-
-
#inputs{
-
float:right;
-
width:180px;
-
}
-
-
#inp_enviar{
-
margin-bottom:10px;
-
}
-
-
.res{
-
color:#FF0000;
-
}
-
-
#texto{
-
font-size:12px;
-
}
-
-
#texto a{
-
font-size:14px;
-
}
-
</style>
-
-
-
-
-
<p>Este es el demo en linea del Sistema De Login en Ajax.
</p>
-
<p>Para ver el codigo fuente y la expliaci
ón ve a
<a href="http://www.recursosdelweb.com/" target="_blank">Recursos Del Web
</a></p>
-
<p>Para ver su funcionamiento, trata con los siguientes datos:
</p>
-
-
Password=123456 </p>
-
</div>
-
-
</div>
-
</body>
-
</html>
Como podrás ver, el codigo esta bien comentado, pero como sea lo explicaré:
Y bueno vamos explicandolo paso por paso. Primero como veras tenemos varias funciones JavaScript: la primera (POST_AJAX()) es esta:
JavaScript:
-
/*
-
Esta funcion lo que hace es enviar mediante Ajax, por el metodo post, los datos (user y pass) a un archivo "checar.php" para ser comparados en la base de datos. De ser correctos se dará mensaje de bienvenida, sino, entonces marcara error de usuario o password incorrectos
-
*/
-
function POST_AJAX(url, variables) {
-
objeto = false;
-
//creamos el onjeto XMLHttpRequest para poder enviar datos mediante ajax
-
if (window.XMLHttpRequest) { // Mozilla, Safari,...
-
objeto = new XMLHttpRequest();
-
if (objeto.overrideMimeType) {
-
objeto.overrideMimeType('text/xml');
-
}
-
} else if (window.ActiveXObject) { // IE
-
try {
-
objeto = new ActiveXObject("Msxml2.XMLHTTP");
-
} catch (e) {
-
try {
-
objeto = new ActiveXObject("Microsoft.XMLHTTP");
-
} catch (e) {}
-
}
-
}
-
if (!objeto) {
-
alert("No se puede crear la instancia XMLHTTP");
-
return false;
-
}
-
-
objeto.onreadystatechange = avisos; /*Cuando el archivo que se mando llamar mediante ajax (checar.php) regrese un resultado, entonces lo primero que se hace es mandar llamar la funcion avios(), que es donde se imprimirá mensaje de bienvenida*/
-
objeto.open("POST", url, true); /* enviaremos los datos por el metodo POST hacia checar.php */
-
objeto.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); /*asignamos header. Esto no tiene relacion con el sistema de logeo. Solo es necesario para poder enviar los datos mediante ajax*/
-
objeto.setRequestHeader("Content-length", variables.length);
-
objeto.setRequestHeader("Connection", "close");
-
objeto.send(variables); /* enviamos las variables con un formato como este: "user=minombre&pass=123456&n=0" */
-
}
Lo que hace esta función es crear el objeto XMLHttpRequest para poder enviar datos mediante Ajax por metodo POST. Despues asigna las cabeceras para que nada falle y envia las variables (user y pass) a checar.php donde serán recibidas para compararlas en la BD y verificar si los datos son correctos. Checa el codigo, ahi esta bien comentado linea por linea.
Despues tenemos esta funcion:
JavaScript:
-
/* Esta funcion lo unico que hace, es acomodar los datos introducidos en el formulario a una cadena "variables" con este formato: "user=minombre&pass=123456&n=0" o este "n=0"
-
NOTA:
-
n=1 significa que el formulario esta siendo enviado por el usuario (es decir que en este punto, el ususario previamente tuvo que haber introducido su user y pass y despues presionado el boton "enviar").
-
n=0 significa que el formulario se esta enviando automaticamente cuando se carga la pagina. Esto lo hace para verificar si ya se habia logeado un usuario, entonces en cuanto se cargue la pagina, ya no le pedira su user y pass... ahora solo imprimirá mensaje de bienvenida. Es decir que si se logea, cierra el navegador sin haber cerrado sesion y en 3 dias por ejemplo vuelve a entrar a la pagina, lo que se le imprimirá será un mensaje de bienvenida, ya que no cerro sesion la ultima vez que salio. Esto solo dura una semana, es decir que las COOKIES de user y pass expiraran una semana despues de haber sido creadas.
-
*/
-
function enviar(id_form,n) {
-
if (n=='1') //si el formulario fue enviado al darle en el boton
-
{
-
document.getElementById('inp_enviar').innerHTML = '<input type="submit" class="MC_enviar" name="enviar" value="Enviar"/><img src="ajax.gif"/>';
-
if (vacio(document.getElementById(id_form).user.value)==false || vacio(document.getElementById(id_form).pass.value)==false)/*si alguno de los campos de user y pass estan vacios, entonces se imprime mensaje de error. NOTA: vacio() es una funcion que verifica que alla algo diferente a "" o puros espacios en blanco. Esta funcion esta mas abajo*/
-
{
-
document.getElementById('r').innerHTML = '<label class="res">Llena correctamente los campos</label>'; //"r" es un div que tenemos debajo del formulario para imprimir los mensajes de error.
-
document.getElementById('inp_enviar').innerHTML = '<input type="submit" class="MC_enviar" name="enviar" value="Enviar"/>';
-
}
-
else //sà SI habia llenado correctamente el user y pass, entonces se crear una cadena "variables" con los datos de user y pass con el siguiente formato: "user=minombre&pass=123456&n=0"
-
{
-
var Formulario = document.getElementById(id_form);
-
var longitudFormulario = Formulario.elements.length;
-
var variables = "";
-
var sepCampos = "";
-
for (var i=0; i<=Formulario.elements.length-1; i++)
-
{
-
variables += sepCampos+Formulario.elements[i].name + '=' + encodeURI(Formulario.elements[i].value);
-
sepCampos="&";
-
}
-
//indice para saber si envio formulario
-
variables += '&n=' + n;
-
POST_AJAX('checar.php', variables); //se envia el nombre del archivo donde se verificaran los datos en la BD y la cadena que se acaba de crear con los datos de user y pass, hacia la funcion POST_AJAX, que lo que hace es enviar los datos por medio de AJAX utilizando el metodo POST hacia "checar.php"
-
}
-
}
-
else //si el formulario fue enviado automaticamente solo para procesos
-
{
-
variables = 'n=' + n;
-
POST_AJAX('checar.php', variables);
-
}
-
}
Esta funcion lo unico que hace, es acomodar los datos introducidos en el formulario a una cadena "variables" con este formato: "user=minombre&pass=123456&n=0" o este "n=0"
NOTA:
n=1 significa que el formulario esta siendo enviado por el usuario (es decir que en este punto, el ususario previamente tuvo que haber introducido su user y pass y despues presionado el boton "enviar").
n=0 significa que el formulario se esta enviando automaticamente cuando se carga la pagina.
Esto lo hace para verificar si ya se habia logeado un usuario, entonces en cuanto se cargue la pagina, ya no le pedira su user y pass... ahora solo imprimirá mensaje de bienvenida. Es decir que si se logea, cierra el navegador sin haber cerrado sesion y en 3 dias por ejemplo vuelve a entrar a la pagina, lo que se le imprimirá será un mensaje de bienvenida, ya que no cerro sesion la ultima vez que salio. Esto solo dura una semana, es decir que las COOKIES de user y pass expiraran una semana despues de haber sido creadas.
Enseguida tenemos esto:
JavaScript:
-
function avisos() {
-
if ((objeto.readyState==4) && (objeto.status==200))
-
{
-
document.getElementById('form').innerHTML = objeto.responseText; //se inserta en el DIV "form" el mensaje de bienvenida que nos imprimio "checar.php"
-
}//end if
-
}
Esta función se ejecutará cuando el archivo checar.php le responda a login.php mediante ajax, es decir cuando se reciba el responseText. Y lo único que se hace es insertar en el div "form" el texto que se imprimió en el archivo checar.php, que depende de lo que alla sucedido:
-Si el usuario está queriendo iniciar sesión y los datos de user y pass fueron correctos; entonces se imprime el mensaje de bienvenida.
-Si el ususario está queriendo iniciar sesion y los datos de user y pass fueron incorrectos; entonces se imprime el mensaje de error.
-Si el formulario se acaba de terminar de cargar y ya se habÃa logeado alguien, entonces imprime mensaje de bienvenida.
-Si el formulario se acaba de terminar de cargar y no se habÃa logeado alguien, entonces imprime el formulario para que el user inicie sesión.
Estas son los posibles resultados que le pueden llegar en el responseText mediante Ajax.
Enseguida como podrás ver, se manda llamar a la función enviar() pasandole como parámetros el nombre del formulario y el valor de la bandera "n" que en este caso será 0 para indicar que la pagina esta enviando el formulario (NO el user) para verificar si ya se habÃa logueado alguien.
JavaScript:
-
enviar('login','0'); /*se envia a la funcion "enviar()" el id del formulario y el valor 0 (cero); Este valor (0) nos indicará que el formulario esta siendo enviado cuando la pagina se esta cargando apenas. NO lo esta enviando el usuario*/
Finalmente tenemos una función Vacio() que simplemente recorre una cadena caracter por caracter en busca de espacios en blanco, si alla algo de texto regresa true, sino regresa false. Esta solo la usamos para verificar que el user alla introducido correctamente los datos de user y pass.
JavaScript:
-
/*Esta funcion recorre una cadena en busca de algo diferente de espacios en blanco. Si la cadena contenia puros espacios en blanco entonces regresara False*/
-
function vacio(q) {
-
for ( i = 0; i <q.length; i++ ) {
-
if ( q.charAt(i) != " " ) { return true }
-
}
-
return false
-
}
Despues unicamente tenemos el estilo (CSS) y el html. Notar que tenemos un div "form" vacio, que es donde se insertara la respuesta que nos llegue mediando Ajax de checar.php
Ahora vamos con checar.php
Este es el codigo:
NOTA: mas abajo lo explicare paso por paso
PHP:
-
ob_start();
//esto es para habilitar el buffer de salida. Esto para poder enviar las cookies al navegador sin que te marque error
-
-
//Desconectar
-
if ($_POST["n"]=='2') //si n=2 significa que el usuario ya habia iniciado sesion y ahora esta cerrando sesion
-
{
-
setcookie("Nick");
//borramos el valor de las cookies
-
-
$aux="'login','0'";
-
header("location: checar.php");
//redireccionamos a este mismo archivo nuevamente
-
}
-
$n=$_COOKIE["Nick"]; //sà el usuario ya habia iniciado sesion, $n y $p contendran el user y pass de ese usuario
-
$p=$_COOKIE["Pass"];
-
-
/*
-
NOTA: esta sentencia SQL es un ejemplo de lo que puedes hacer para checar que sea correcto el user y pass. Yo por el momento lo haré manualmente con el user=admin y pass=123456
-
$sql=mysql_query("SELECT * FROM usuarios1 WHERE user='$n' AND pass='$p'") or die (mysql_error());
-
$total=mysql_num_rows($sql);
-
if (mysql_num_rows($sql)==0) //si NO ha iniciado sesion
-
*/
-
if ($n!='admin' or $p!='123456') //si NO ha iniciado sesion [NOTA: esta linea borrala y sustituyela por las de arriba pero con la sentencia SQL con tu tabla y campos]
-
{
-
if ($_POST["n"]=='1') //si el user ya envio el formulario
-
{
-
$usuario=$_POST["user"]; //recivimos datos enviados desde login.php mediante post usando ajax
-
$contraseña=$_POST["pass"];
-
/*
-
NOTA: este seria un ejemplo de la sentencia SQL que va aqui. Por el momento yo lo hare manualmente usando user=admin y pass=123456
-
-
$cad=mysql_query("SELECT * FROM usuarios1 WHERE user='$usuario' AND pass_md5='$contraseña'") or die (mysql_error());
-
if (mysql_num_rows($cad)==0) //Si es INCORRECTO el user y pass
-
*/
-
if ($usuario!='admin' or $contraseña!='123456') //Si es INCORRECTO el user y pass
-
{
-
//echo '3'; //el usuario o pass son incorrectos... imprimimos formulario y mensaje de error
-
echo '<form action="javascript: enviar(\'login\',\'1\');" name="login" id="login">
-
<div id="labels">
-
<div id="lbl_user"><label>Usuario</label></div>
-
<div id="lbl_pass"><label>Password</label></div>
-
</div>
-
-
<div id="inputs">
-
<div id="inp_user"><input name="user" class="MC_input" id="user" type="text" maxlength="30" /></div>
-
<div id="inp_pass"><input name="pass" class="MC_input" id="pass" type="password" maxlength="30" /></div>
-
<div id="inp_enviar"><input type="submit" class="MC_enviar" name="enviar" value="Enviar"/></div>
-
</div>
-
-
<div style="clear:both;"></div>
-
-
<div id="inp_r"><label id="r" class="res">Usuario o password incorrectos</label></div>
-
</form>';
-
}
-
else //si todo salio bien
-
{
-
setcookie("Nick",
$usuario,
time()+
604800);
//enviamos las cookies al nacegador [expiraran dentro de una semana]
-
-
//echo '1'; //damos bienvenida
-
echo '<form action="javascript: enviar(\'login\',\'1\');" name="login" id="login">
-
<div id="inp_r"><label>Bienvenid@ '.$usuario.'</label></div>
-
<div id="salir"><a href="javascript: enviar(\'login\',\'2\');">Cerrar sesion</a></div>
-
</form>';
-
}
-
}
-
else //si NO ha enviado el formulario
-
{
-
//echo '2'; //no ha enviado formulario... imprimimos formulario
-
echo '<form action="javascript: enviar(\'login\',\'1\');" name="login" id="login">
-
<div id="labels">
-
<div id="lbl_user"><label>Usuario</label></div>
-
<div id="lbl_pass"><label>Password</label></div>
-
</div>
-
-
<div id="inputs">
-
<div id="inp_user"><input name="user" class="MC_input" id="user" type="text" maxlength="30" /></div>
-
<div id="inp_pass"><input name="pass" class="MC_input" id="pass" type="password" maxlength="30" /></div>
-
<div id="inp_enviar"><input type="submit" class="MC_enviar" name="enviar" value="Enviar"/></div>
-
</div>
-
-
<div style="clear:both;"></div>
-
-
<div id="inp_r"><label id="r" class="res"></label></div>
-
</form>';
-
}
-
}
-
else //si ya inicio sesion
-
{
-
//echo '1'; //damos bienvenida
-
echo '<form action="javascript: enviar(\'login\',\'1\');" name="login" id="login">
-
<div id="inp_r"><label>Bienvenid@ '.$_COOKIE["Nick"].'</label></div>
-
<div id="salir"><a href="javascript: enviar(\'login\',\'2\');">Cerrar sesion</a></div>
-
</form>';
-
}
-
-
ob_end_flush();
//esto va para poder enviar headers al navegador sin tener problemas
Como podrás ver el codigo esta muy bien comentado asà que de este archivo no explicaré mucho.
En pocas palabras lo que sucede aquà es lo siguiente:
- Primero preguntamos si la bandera recibida "n" es igual a 2, significa que el ususario esta cerrando sesion, asà que eliminamos las cookies y redireccionamos nuevamente a checar.php
- Asignamos a $n y $p las cookies (si las cookies ya existian, $n y $p contendran los datos del ultimo user y pass que se habia logueado, Asi que solo se imprimirá mensaje de bienvenida; de lo contrario se verificará si los nuevos datos que estan llegando son correctos)
- Si la bandera "n" es igual a 1 entonces significa que el user esta enviando el formulario con sus datos; por lo tanto se verifica que sus datos sean correctos; si son correctos, se crean las cookies con esos datos y se imprime mensaje de bienvenida, si son incorrectos se imprime mensaje de error.
- Si la bandera "n" es igual a 0 y no se ha iniciado sesion entonces se imprime el formulario.
- Si ya se inicio sesion, entonces se imprime mensaje de bienvenida.
Basicamente asi quedarÃa todo.
Aquà te dejo los archivos para que los descargues y ya me cuentas como te fue 
Saludos!
Felix E.
February 25th, 2008 at 5:58 pm
Excelente material, gracias por los datos emitidos en tus explicaciones, me pareció muy interesante y funcional.
Saludos
alfiad
February 28th, 2008 at 3:54 am
will u translate this to english? i dont understand your language.
Angel López
February 28th, 2008 at 9:52 pm
Hi @alfiad: sincerly I don´t know very well english, I´m learing yet… But maybe the service translator page of Google can help you. But be careful because the automatic translation maybe modify some parts of font code. So try to understand the code in spanish and read the explanation in english.
this is the link.
http://translate.google.com/translate?u=http%3A%2F%2Fwww.recursosdelweb.com%2Fcomo-hacer-un-sistema-de-login-en-ajax-y-php%2F&langpair=es%7Cen&hl=es&ie=UTF-8
see you
Osvaldo
March 26th, 2008 at 6:02 pm
Hola muy buena aplicación.
Una pregunta como podrÃa enviar a otra pagina cuando le den click en el botón enviar..?
Gracias,
Angel López
March 27th, 2008 at 11:00 am
con javascript:
en el boton -> onclick=”location.href=’www.web.com’;”
saludos
Salbatore
May 18th, 2008 at 5:56 pm
Menudo crack. Mira que he buscado sistemas como este y todos mucho mas complicados, este les da mil vueltas.
Muy interesante el blog, un 10.
Saludos…
Daniela
May 22nd, 2008 at 7:08 am
Tengo dos consultas:
1) Cuál serÃa la estructura de mi tabla en mi base de datos??
2) Al archivo checar.php no le falta algo??? no me funciona.
Gracias chicos.
jhony
July 11th, 2008 at 10:41 am
Hola me parece muy buena tu aplicacion mi pregunta es donde tengo que ponerle la conexion a la base de datos por que al momento de hacerlo no funciona disculpame por la ignorancia pero soy algo nuevo en esto
Angel López
July 12th, 2008 at 5:40 am
Buenas @jhony: si mira ntp.. la conexion debe de ir en checar.php y ahi mismo tambien realizar consultas para verificar en la base de datos que los datos de user y password que esta enviando el usuario son correctos.
Buenas @Daniela: la estructura de tu tabla depende de tu aplicacion.. lo que si es importante es tener 3 campos en alguna tabla que se llame “usuarios” por ejemplo con los nombres de:
-user
-pass
-pass_md5
de esta manera en esos campos realizas la comparacion de los datos del usuario registrado y los del que esta queriendo iniciar sesion en ese momento.. saludos
edgardo
July 23rd, 2008 at 7:45 am
Hola amigo estoy tratando de pasar este codigo para correrlo en asp, pero no se que pasa que no me muestra el formulario al iniciar, me podrias dar una mano en esto?
desde ya gracias por el aporte
Angel López
July 28th, 2008 at 11:13 am
@edgardo: si.. pon el codigo fuente aqui en los comentarios y te puedo ayudar a ver que sucede.. saludos
rony
August 14th, 2008 at 4:45 pm
hola primero que nada darte las gracias por entregar y ensañar tu sistema de login pero lo he probado en mi web me dice que la capa no se carga que es null o vacio no hay caso no aparece el formulario asi que desiste de usar tu codigo no se si se puede adaptar de otra forma lo probe para saber si podia correr separe el archivo js como ajax.js y lo llamo en una pagina principal pero no hay caso no funca…
Xavi
September 17th, 2008 at 4:21 pm
Muy bueno el post! Tengo una duda y les agradeceria si me pudieran ayudar. Estoy preparando una web que tendrá una sección en la que solo podrán entrar los que dispongan de usuario y contraseña.
Una vez esten logeados correctamente saltan a otra pagina con las opciones que solo ellos pueden ver.
Hasta ahà todo correcto. Mi pregunta es la siguiente:
Imaginemos que al logearse correctamente nos redirecciona a la URL: http://www.cochesbonitos.com/privado/fotos. Esta claro que solo lo podran ver los logeados. PERO! cualquiera desde su ordenador si pone esa misma URL como hago para que detecte que necesitan login. En esa y en todas las paginas que me interese.
Además, podria colocar un boton de salir (desconexion) en todas ellas? no se como estructurarlo.
Muchas gracias!!
Italiak1
October 18th, 2008 at 11:01 am
Thank you for valuable information.
GIOVANY
November 22nd, 2008 at 7:28 pm
HOLA
Music_Mp3_BextViewinili
February 5th, 2009 at 4:58 am
Hello to all
I can’t understand how to add your site in my rss reader. Help me, please
Carlos
October 17th, 2009 at 2:35 pm
y el campo para registrarse que o como se hace?
Ayuda porfabor