RemoteLogin intenta facilitar la programación de un Modulo de Login en Ajax, a través de una clase escrita en PHP.
Se trata de un Login genérico, que además le agrega una barra de progreso a modo decorativo.
classes/RemoteLogin.class.php: Contiene los métodos necesarios para realizar el Login.
classes/RemoteLogin.init.php: Parámetros de configuración del RemoteLogin class
css/demo.css: CSS Stylesheet de la demostración.
css/progress_div.css: CSS Stylesheet del layer de la barra de progreso.
html/progress_div: El layer de la barra de progreso.
js/XMLHttpRequest.js: Funciones javascript para utilización de Ajax.
demo.php: Eso mismo.
demo_validate_user.php: Toma los datos del usuario y realiza el Login.
Como dijimos anteriormente, en demo.php tenemos un claro ejemplo de su uso. Su puesta en marcha consiste de 5 pasos:
1) Configuración:
2) Instanciación:
/*** Inicia el RemoteLogin, obtenemos $loginBuilder ***/
include($_SERVER['DOCUMENT_ROOT'].'classes/RemoteLogin.init.php');
3) Creación del Formlario HTML con capacidades AJAX
Utilizaremos eventos Javascript para disparar el RemoteLogin. Para ello, utilizando el $loginDriver, dotaremos al formulario html de la información necesaria.
4) Inclusión de XMLHttpRequest.js y progress_div.html
<head>
<? $loginDriver->printHeader(); ?>
</head>
Además, debemos incluir progress_div.html, que nos proporciona del efecto de barra de progreso, dentro de los tags <body></body>:
<body>
<? include("html/progress_div.html") ?>
</body>
5) Adecuación del .css al estilo de tu sitio
El progress_div.css contiene los estilos del progress_div.html. Es cuestión de adaptarlos para que el login de tu sitio luzca homogéneo.
Daniel "Pichongol" Lopez <pichongol@yahoo.com>
http://pichongol.blogspot.com