Un poco de Ajax

Para que el formulario de ingreso o registro sea un poco más dinámico y que al presionar el botón de ingreso no nos lleve a otra pantalla, verifique que el email no esta bien y luego nos regrese a la pantalla principal, se puede utiliza AJAX y llamar a nuestro script que verifique la base de datos y solo nos muestre el resultado en pantalla sin navegar a otra.




Aquí hay un ejemplo:

El HTML: Este va en la página principal en el área en donde querramos pedir la clave. El formulario no llama a un php sino a una función en jsacript.

1. <form id="frmIngreso" action="javascript:CheckLogin()" method="post">
2. <table border=0>
3. <tr>
4. <td>Email:</td><td><input type="text" name="txtusuario" id="txtusuario"></td>
5. </tr>
6. <tr><td>Clave:</td><td><input type="password" name="txtclave" id="txtclave"></td>
7. </tr>
8. <tr>
9. <td>&nbsp;</td><td><a href="olvidada.php">¿Olvidó su contraseña?</a></td>
10. </tr>
11. <tr>
12. <td>&nbsp;</td><td align="right"><input type="button" class="boton" value="Ingreso" onClick="javascript:CheckLogin()"></td>
13. </tr>
14. </table>
15. </form>

 El Script de Javascript: enviamos los textos leidos en los campos, el nombre de nuestro php que va a verificar los datos y la función de retorno

1. <script type="text/javascript">
2. var url = "";
3. var what = "";
4.  
5. function CheckLogin() 
6. {
1. var username = document.getElementById("txtusuario").value;
2. var password = document.getElementById("txtclave").value;
3.  
4. DoCallback("username="+username+"&password="+password, "login.php", "LoginStatus(req.responseText)");
7. }
8.  
9. function LoginStatus(Status) 
10. {
1. if(Status == 1)
2.    alert("El E-Mail o usuario ingresados no son validados");
3. else if(Status == 2)
4.    alert("La Clave ingresada no es correcta");
5. else
6.    document.location = "home.php";
11. }
12. </script> 

Nuestro php de verificación (login.php) puede verificar en base de datos, para el ejemplo solo pondremos:

1. <php
2. $username = $_POST["username"];
3. $password = $_POST["password"];
4. if (!validar_email($username))
5. {
6.    echo 1;
7. }
8. else if (!validar_clave($password))
1. {
2.    echo 2;
3. }
9. }
10. else
11. {
12.    echo "1";
13. }
14. ?> 

Debemos incluir nuestro javascript con las instrucciones de ajax, de esta forma:
<script src="js/login.js" type="text/javascript"></script>


El login.js:

1. function DoCallback(data, url1, what1)
2. {
3. url = url1;
4. what = what1;
5. if (window.XMLHttpRequest) {
1. req = new XMLHttpRequest();
2. req.onreadystatechange = processReqChange;
3. req.open('POST', url, true);
4. req.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
5. req.send(data);
6. } else if (window.ActiveXObject) {
1. req = new ActiveXObject('Microsoft.XMLHTTP')
2. if (req) {
1. req.onreadystatechange = processReqChange;
2. req.open('POST', url, true);
3. req.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
4. req.send(data);
5. }
3. }
7. }
8.  
9. function processReqChange() {
10. if (req.readyState == 4) {
1. if (req.status == 200) {
2.    eval(what);
3. } else {
4.    alert('There was a problem retrieving the XML data: ' + req.responseText);
5. }
6. }
11. }

 Y eso es todo, le da más profesionalismo a nustra página ya que no hace la llamada al programa de login sino que lo llama y ejecuta en memoria.

Ayuda tecnológica para su empresa

Programación de Software

Tiene proyectos de software a medio terminar?

Sus programadores no conocen lenguajes para Web

Su diseñador no conoce Joomla!

Programación especializada para web, cubrimos proyectos con tiempos limites, con poco presupuesto, con poco tiempo, proyectos dificiles, especialmente para web, pero tambien para escritorio (en linux, en windows, en mac, en unix).

Sus programadores no conocen como programar para Web, necesita poner módulos en Joomla!, diseñar sitios facilmente, nosotros lo capacitamos.

Amplia experiencia en programacion PHP, JScript, ASP, .NET (vb, asp, c#), jquery, ajax.

LLamenos, le ayudamos, nos adaptamos y le programamos lo que necesita.

Programación para web, tips, capacitaciones, desarrollo, diseño, llamenos le podemos ayudar.

PHP, .NET, AJAX, JQUERY, MYSQL, MS SQL, JAVA, JAVASCRIPT.

Módulos para joomla!, para FACEBOOK, para twitter, para google apps, para wordpress y otros, resolvemos problemas serios de programación.

Programas para dispositivos (tablet o celulares)  ANDROID , BlackBerry. Imagínese parte de sus sistemas o software en su móvil, se lo hacemos realidad!!!

Preguntenos, mandenos su PIN, su email, un mensajito, su celular, su facebook o como sea...y lo atendemos con gusto.

ERP(Planificación de Recursos Empresariales) Sistemas Administrativos, Módulos:

• Contabilidad (centro de costos y presupuestos)
• Inventario/Bodegas
• Facturacion/POS (puntos de venta)
• Clientes (Cuentas por cobrar)
• Proveedores (Cuentas por pagar)
• Caja y Bancos
• Servicio al Cliente
• Nominas y Planillas (con control de ingreso)
• Producción (con control de formulas y procesos)
• Recursos Humanos (carrera, contratación, evaluación de desempeño, etc)
• Manejo de Proyectos

Sabe como va su proyecto?

Que recursos tiene en uso?

Cuanto es el costo total del proyecto?

Cuantas horas hombres le ha invertido?

• Balance Scorecard

Sabe como está su empresa?

Cual es el porcentaje de eficiencia en las diferentes áreas (Financiera, Recursos Humanos, Producción y Ventas)?

Sabe en que momento debe invertir? o debe reforzar alguna de las áreas, principalmente ventas?

• CRM (ventas, atención al cliente, mercadeo, etc)

Es capaz de anticiparse a los deseos de sus clientes?

Sabe cuales son las preferencias de sus clientes?

Puede obtener información de sus clientes sin llegar al grado de acoso?

Tiene retroalimentación de sus clientes?

Sabe como su fuerza de ventas trata a estos clientes?

Sabe cuanto tarda en obtener el servicio o producto su clientes, desde el momento que hace el primer contacto?

100% WEB: PHP, ASP o VB

Completamente para web, para windows o mezcla de ambos ambientes.

Multi-idiomas, adaptable a varias plataformas.

100% configurable, podemos incluir fuentes.

Alquilado, vendido, configurado en internet, configurado en su servidor intranet.

Llamenos o escribanos para un demo (se lo instalamos temporalmente en su equipo):

Precios comodos, facilidades (damos pagos)

Los sistemas administrativos le ayudan a llevar el control de su empresa, pero no le dan las herramientas para la toma de decisiones o para saber el estado actual de su negocio.

Necesita ayuda en cualquiera de estas áreal? Consulte, le ofresemos el software y la asesoría a sus necesidades de información.

Adaptamos sus procesos actuales a sistemas gerenciales modernos.

Especialistas en desarrollo web desde hace más de 20 años

INFOWEB, S.A.               | infowebgt@gmail.com

Tel: (502) 5216-8215 |  www.infowebsa.blogspot.com

Twitter: @infowebsa       |  Facebook: http://www.facebook.com/infowebgt