el problema es:
tengo una pagina donde los usuarios se van a loguear en realidad consiste de 3 paginas
1 login.php donde se encuentra el formulario
2 funcionLogin.js donde se encuentran las funciones de ajax
3 loguinCheck.php donde se hace un query con los datos en viados por formularios y se debuelve la respuesta a funcionLoguin.js para mostrar en la web los resultados.
funciona todo a la perfeccino hasta que se me ocurrio hacer un switch para que muestre un cartel con los errores si es ke los hay y la verdad no entiendo porke pero en ves de mostrar el cartel con el error me muestra el texto con la variable del error.
les adjunto los codigos fuentes a ver si alguien me puede dar una mano .
gracias!"!!
loguin.php
Código PHP:
<!-- Header -->
<div id="header">
</div>
<!-- end header -->
<!-- recuadro contenedor -->
<div id="contenedor">
<div class="post">
<h1 align="center">TALLER DE DANZAS NATIVAS “HUAYRA MUYOJ”</h1>
<h2 align="center">PANEL DE USUARIOS</h2>
</div>
<div id="centrarContacto">
<?php
echo"<div id=\"centrar1\">";
if(isset($HTTP_COOKIE_VARS["Nick"])!= false){
include('templates/inc.coneccion.php');
$nickN = $HTTP_COOKIE_VARS['Nick'];
$passN = $HTTP_COOKIE_VARS['Pass'];
$sql = "SELECT *, DATE_FORMAT(u_fecha, '%d/%m/%Y') as u_fecha FROM usuarios WHERE u_nick='$nickN' and u_password='$passN'";
$rs = mysql_query($sql, $conect);
if(mysql_num_rows($rs)>0){
$row = mysql_fetch_assoc($rs);
echo"
<div id=\"cuadroUsuario\">
<div class=\"cuadroUsuarioFoto\"><img src=\"imagen/huayra.gif\" alt=\"\" width=\"97\" height=\"92\" border\"0\"/></div>
<div class=\"cuadroUsuarioTitulo\">".utf8_encode($row['u_nick'])."</div>
<div class=\"cuadroUsuarioTexto\">".utf8_encode($row['u_nombre'])." ".utf8_encode($row['u_apellido'])."<br /><br />Usuario desde el:<br />".utf8_encode($row['u_fecha'])."</div>
</div>";
}else{
echo"Error de coneccion...";
echo" <a href=\"login.php\">reitentar...</a>";
}
echo"</div>";
}else{
?>
<!-- funcion enviar formulario ajax -->
<div id="centrar1">
<div id="formContenedor">
<form id="formLogin">
<style>
#transparencia{
height:100px;
}
</style>
<div id="transparencia">
<div id="transparenciaMensaje"></div>
</div>
<table>
<tbody>
<tr>
<td class="label">Nick</td>
<td class="campo"><input class="inputNormal" type="text" id="inputNick"></td>
<td class="ayuda"><img src="ayuda.gif" alt="Ayuda" onmouseover="muestraAyuda(event, 'Nick')"></td>
</tr>
<tr>
<td class="label">Contraseña</td>
<td class="campo"><input class="inputNormal" type="password" id="inputPass"></td>
<td class="ayuda"><img src="ayuda.gif" alt="Ayuda" onmouseover="muestraAyuda(event, 'Pass')"></td>
</tr>
</tr>
</tbody>
</table>
<br>
<div>
<button id="botonEnviar" onClick="validaForm()" type="button">Ingresar</button>
<button type="reset">Borrar</button>
</div>
</form>
</div>
<!-- Capa para mostrar los mensajes de ayuda al presionar los iconos correspondientes -->
<div id="mensajesAyuda">
<div id="ayudaTitulo"></div>
<div id="ayudaTexto"></div>
</div>
</div></div>
<?
}
?>
<div style="clear": both;\> </div>
</div>
Código HTML:
// Variables para setear onload=function() { cAyuda=document.getElementById("mensajesAyuda"); cNombre=document.getElementById("ayudaTitulo"); cTex=document.getElementById("ayudaTexto"); divTransparente=document.getElementById("transparencia"); divMensaje=document.getElementById("transparenciaMensaje"); form=document.getElementById("formLogin"); urlDestino="loginCheck.php"; claseNormal="input"; claseError="inputError"; ayuda=new Array(); ayuda["Nick"]="Ingresa tu nombre de usuario. OBLIGATORIO"; ayuda["Pass"]="Ingresa tu contraseña. OBLIGATORIO"; preCarga("ok.gif", "loading.gif", "error.gif"); } function preCarga() { imagenes=new Array(); for(i=0; i<arguments.length; i++) { imagenes[i]=document.createElement("img"); imagenes[i].src=arguments[i]; } } function nuevoAjax() { var xmlhttp=false; try { // No IE xmlhttp=new ActiveXObject("Msxml2.XMLHTTP"); } catch(e) { try { // IE xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } catch(E) { xmlhttp=false; } } if (!xmlhttp && typeof XMLHttpRequest!="undefined") { xmlhttp=new XMLHttpRequest(); } return xmlhttp; } function campoError(campo) { campo.className=claseError; error=1; } function ocultaMensaje() { divTransparente.style.display="none"; } function muestraMensaje(mensaje) { divMensaje.innerHTML=mensaje; divTransparente.style.display="block"; } function eliminaEspacios(cadena) { // Funcion para eliminar espacios delante y detras de cada cadena while(cadena.charAt(cadena.length-1)==" ") cadena=cadena.substr(0, cadena.length-1); while(cadena.charAt(0)==" ") cadena=cadena.substr(1, cadena.length-1); return cadena; } function validaLongitud(valor, permiteVacio, minimo, maximo) { var cantCar=valor.length; if(valor=="") { if(permiteVacio) return true; else return false; } else { if(cantCar>=minimo && cantCar<=maximo) return true; else return false; } } function validaForm() { // limpiaForm(); error=0; var Nick=eliminaEspacios(form.inputNick.value); var Pass=eliminaEspacios(form.inputPass.value); if(!validaLongitud(Nick, 0, 4, 50)) campoError(form.inputNick); if(!validaLongitud(Pass, 0, 4, 50)) campoError(form.inputPass); if(error==1) { var texto="<img src='error.gif' alt='Error'><br>Error: revise los campos en rojo.<br><button style='width:45px; height:18px; font-size:10px;' onClick='ocultaMensaje()' type='button'>Ok</button>"; muestraMensaje(texto); } else { var texto="<img src='loading.gif' alt='Enviando'><br>Enviando. Por favor espere.<br><button style='width:60px; height:18px; font-size:10px;' onClick='ocultaMensaje()' type='button'>Ocultar</button>"; muestraMensaje(texto); var ajax=nuevoAjax(); ajax.open("POST", urlDestino, true); ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); ajax.send("Nick="+Nick+"&Pass="+Pass); ajax.onreadystatechange=function(){ if (ajax.readyState==4){ var respuesta=ajax.responseText switch(respuesta){ case "NICK_INEXISTENTE" : var texto="<img src='../error.gif'><br><br>Error: el Nick es incorrecto.<br><br><button style='width:45px; height:18px; font-size:10px;' onClick='ocultaMensaje()' type='button'>Ok</button>"; muestraMensaje(texto); break; case "PASS_INCORRECTO": var texto="<img src='../error.gif'><br><br>Error: La contraseña es incorecta.<br><br><button style='width:45px; height:18px; font-size:10px;' onClick='ocultaMensaje()' type='button'>Ok</button>"; muestraMensaje(texto); break; case "FALTAN_DATOS": var texto="<img src='../error.gif'><br><br>Error: Faltan daos po favor reintente....<br><br><button style='width:45px; height:18px; font-size:10px;' onClick='ocultaMensaje()' type='button'>Ok</button>"; muestraMensaje(texto); break; case "ERROR_CONECCION": var texto="<img src='../error.gif'><br><br>Error: Problemas de conecion, reintente....<br><br><button style='width:45px; height:18px; font-size:10px;' onClick='ocultaMensaje()' type='button'>Ok</button>"; muestraMensaje(texto); break; default: ocultaMensaje(); document.getElementById("centrar1").innerHTML = ajax.responseText; break; } muestraMensaje(texto); } } } } // Mensajes de ayuda if(navigator.userAgent.indexOf("MSIE")>=0) navegador=0; else navegador=1; function colocaAyuda(event) { if(navegador==0) { var corX=window.event.clientX+document.documentElement.scrollLeft; var corY=window.event.clientY+document.documentElement.scrollTop; } else { var corX=event.clientX+window.scrollX; var corY=event.clientY+window.scrollY; } cAyuda.style.top=corY+20+"px"; cAyuda.style.left=corX+15+"px"; } function ocultaAyuda() { <!-- borro esto porke si funciona y no hace a la pregnta y me piden acortar el mensaje jaja }
Código PHP:
<?
ob_start();
// aqui borre tambien parte del codigo porke no me dejava exponer
}else{
echo"ERROR_CONECCION";
}
}else{
echo"PASS_INCORRECTO";
}
}else{
echo"NICK_INEXISTENTE";
}
mysql_free_result($rs);
}else{
echo"FALTAN_DATOS";
}
mysql_close();
ob_end_flush(); ?>
les agradesco cualkier ayuda ke puedan brindarme gracias!