Foros del web, para los que viven de bits

virla · 05/05/08, 06:02:24

El tema es que estoy haciendo un sistema de registracion usuarios el tema del login lo tengo casi resuelto salvo por el tema de que cuando presiono un F5 o presiono algun link me muestra de nuevo los imput txt para logear si bien dentro del sistema sabe que estoy logeado ya que cargo valores en server variables.
como puedo hacer para que el javascript sepa que esta logeado?
Si aprobecho para que me dijeran como puedo hacer para que cuando mande la consulta de logeo aparezca un espere o procesando y la imagen animada que se suele ver en esos casos
espero puedan en esta ocacion darme una mano
gracias

GatorV · 05/05/08, 08:19:48

Hola virla,

Eso no lo manejas directamente con JavaScript, si en tu programa en el servidor, el sistema ya sabe que estas logueado, entonces al presionar F5 y dibujar tu pagina tu sistema debe de presentar el mensaje de que esta autentificado.

Para mostrar la imagen animada de espere, te pido busques en el foro, es un tema que ya se ha platicado mucho.

Saludos.

virla · 05/05/08, 08:22:57

lamento decirte que el formulario de login vuelve a aparecer al refrescar la pagina eso es porque habria que poner una sentencia en el javascript que diga si estas logeado pasa de largo sino mostrar el formulario
gracias igual

virla · 05/05/08, 08:29:55

por las moscas agrego mi codigo para que lo tengan

Código:

<script type="text/javascript">
<!--
    function CrearInstancia() {
        XMLHttp=false;
        
        if (window.XMLHttpRequest) {
            return new XMLHttpRequest();
        } else if (window.ActiveXObject) {
            var versiones= ["Msxml2.XMLHTTP.7.0", "Msxml2.XMLHTTP.6.0", "Msxml2.XMLHTTP.5.0", "Msxml2.XMLHTTP.4.0", "Msxml2.XMLHTTP.3.0", "MSXML2.XMLHTTP", "Microsoft.XMLHTTP" ];
            for (var i=0;i<versiones.length;i++) {
                try {
                    XMLHttp = new ActiveXObject(versiones[i]);
                    if (XMLHttp) {
                        return XMLHttp;
                        break;
                    }
                    
                } catch (e) {};
            }
        }
    }
    
    function validarUsuario() {
        XMLHttp = CrearInstancia();
        if (XMLHttp){
            username = document.form.username.value;
            password = document.form.password.value;
            document.form.username.value="";
            document.form.password.value="";
            
            url="/modulos/login/login.asp?username="+username +"&password="+password;
            XMLHttp.open("POST",url,true)
            XMLHttp.onreadystatechange=cambiaEstado
            XMLHttp.send(null)
            } else{
            alert('No se pudo crear la instancia');
            }
        }
        
        function cambiaEstado(){
            var respuesta;
            if (XMLHttp.readyState==4) {
                if (XMLHttp.responseText == "1") {
                    document.all.CeldaUsuarioUno.style.display="none";
                    document.all.CeldaUsuarioUno.style.display="inline";
                } else if (XMLHttp.responseText == "2"){
                    respuesta="por favor complete username y password";
                }else if (XMLHttp.responseText == "0"){
                    respuesta="username / password icorrecto";
                }else{
                }
                document.getElementById("respuesta").innerHTML=respuesta;
            }
        }

    function sacarUsuario() {
        XMLHttp = CrearInstancia();
        if (XMLHttp){
            userName = document.form1.UserName.value;
            url="login.asp?username="+userName +"&salir='si'";
            XMLHttp.open("POST",url,true)
            XMLHttp.onreadystatechange=cambiaEstado1
            XMLHttp.send(null)
            } else{
            alert('No se pudo crear la instancia');
            }
        }
        function cambiaEstado1(){
            if (XMLHttp.readyState==4) {
                if (XMLHttp.responseText == "1") {
                    document.all.CeldaUsuarioDos.style.display="inline";
                    document.all.CeldaUsuarioDos.style.display="none";
                }
            }
        }
//-->
</script>
        <div id="ContLogin">
        <%if Session("usuario")="" then%>
            <div id="CeldaUsuarioUno" align="right" style="display:inline">
                <form name="form" id="form">
                    Usuario:&nbsp;
                    <span class="Login"><input name="username" type="text" id="username" size="8"></span>&nbsp;
                    Clave:&nbsp;
                    <span class="Login"><input name="password" type="password" id="password" size="8"></span>
                    <input type="button" value="Login" class="boton" onClick="validarUsuario();">&nbsp;<img src="/skins/aspectox/img/flecha.gif"><a href='/index.asp?ir=user&ira=edit&opc=formNuevo' class="LinkLogin">&nbsp;<span class="LinkLogin">Crear nuevo</span></a>
                </form>
            </div>
            <span id="respuesta" name="respuesta" class="MensajesErr">&nbsp;</span>
          <%else%>
            <div id="CeldaUsuarioDos" align="right" style="display:inline">
                <form name="form1" id="form1">
                    <span class="MensajesLogin">Bienvenido&nbsp;
                    <strong><%= Session("usuario") %></strong>&nbsp;
                        <input type=hidden name="UserName" value="<%= Session("usuario") %>">
                        <input type="button" value="Logout" class="boton" onClick="sacarUsuario();">
                    </span>
                </form>
             </div>
          <%END IF%>
        </div>

haa ahora recuerdo tambien que este codigo me muestra un error en la linea de respuesta el mensaje que larga es: undefined pero al presionar el f5 desaparece el mensaje y me muestra el boton de logout y la bienvenida.
Otra cosita mas es que me gustaria que al presionar enter en el nput name="password" ejecute la accion sin tener que presionar el boton
bueno ahora si gracias a los que puedan brindarme una mano

virla · 06/05/08, 07:24:50

ayuda plis

GatorV · 06/05/08, 08:11:05

Hola virla,

Como te comento, esto no lo manejas con JavaScript, una vez que estas logueado, tu programa en el servidor debe de saberlo, entonces al dibujar tu pagina con ASP, checas si esta logueado y si así es, dibujas entonces el mensaje de logout.

Deberías de preguntar tu duda en el foro de ASP, si es que no sabes como mantener el control de tu aplicación al estar logueado.

Saludos.

virla · 06/05/08, 08:45:47

Perdoname GatorV, veo que sos el moderador de esta seccion, pero creo que deberias ver el codigo, el tema de asp lo tengo claro, y se que el problema esta con javascript que deberia recibir una opcion para saber que esta logeado y poner el div visible o no.
PD: cuando uno hace preguntas ponen que le pongamos el codigo y cuando lo ponemos para hacer el tema mas rapido en la respuestas, terminan por no verlos, el tema no es con vos, pero hace ya tiempo que veo que no hay muchas ganas de ayudar, hace unos años atras todos te brindaban ayuda, ojo que no busco que me hagan el laburo pero si espero que me orienten bien, y en este foro de ajax he visto muchos post sobre ajax /asp que no le han dado ayuda, y supuestamente todos dicen que es lo mismo que php, pues entonces no entiendo porque no poder ayudar.
Ojo aclaro que si bien este tema me pone mal, no estoy enojado y todo lo que digo lo hago con el respeto que cada persona merece.
gracias

caricatos · 06/05/08, 08:48:53

Hola:

En muchas ocasiones se trata de un problema del sistema... que los datos que se tienen en memoria caché, se "rescatan" de esa memoria (ídem)... muchas veces basta con modificar algún parámetro "fastasma" de la url... una "chapuza" sería... url = url + "?" + new Date();

Saludos

GatorV · 06/05/08, 11:47:03

Y como una vez más te digo, es ASP el responsable de indicarle a Javascript, por ejemplo:

Código:

If bLoggueado = True Then
%>
<div id="CeldaUsuarioUno">
<h1>Bienvenido <%=sUserName%></h1>
<a href="logout.asp">Salir</a>
</div>
<% Else %>
<div id="CeldaUsuarioUno">
<form action="login.asp" method="post" onsubmit="return false;"><!-- ojo esto es importante por si no tiene Javascript activado -->
          Usuario: <input type="text" name="user" value="" />
          Password: <input type="password" name="pass" value="" />
          <input type="submit" name="enviar" value="Enviar" onclick="validarUsuario();" />
</form>
<div id="respuesta"></div>
</div>
<% End If %>

Si te fijas en el código, primero al dibujar la pagina con ASP, checa si la variable bLoggueado = True, si lo es, entonces no dibuja el código del Form para hacer login, si no presenta un mensaje con el nombre de usuario y un link para salir.

En caso contrario muestra el código para el form de login, y todo esto desde ASP, desde Javascript solo controlas la parte para hacer el login.

Saludos.

virla · 09/05/08, 13:01:00

Les voy a seguir jodiendo porque hay cosas que no logro entenderlas.

si tengo esto
function cambiaEstado(){
var respuesta;
if (XMLHttp.readyState==4) {
if (XMLHttp.responseText == '1') {
document.all.CeldaUsuarioUno.style.display="none";
document.all.CeldaUsuarioDos.style.display="inline ";
} else if (XMLHttp.responseText == '2'){
respuesta="por favor complete username y password";
} else if (XMLHttp.responseText == '0'){
respuesta="username / password icorrecto";
}else{
}
document.getElementById("respuesta").innerHTML=res puesta;
}
}

y esto otro
<%IF Session("UserLoggedIn") = "False" OR Session("UserLoggedIn") = "" THEN%>
<div id="CeldaUsuarioUno" align="right" style="display:inline">
<form name="form" id="form" onsubmit="return false;">
Usuario: 
<span class="Login"><input name="username" type="text" id="username" size="8"></span> 
Clave: 
<span class="Login"><input name="password" type="password" id="password" size="8"></span>
<input type="button" value="Login" class="boton" onClick="validarUsuario();"> <img src="/skins/aspectox/img/flecha.gif"><a href='/index.asp?ir=user&ira=edit&opc=formNuevo' class="LinkLogin"> <span class="LinkLogin">Crear nuevo</span></a>
</form>
</div>
<span id="respuesta" name="respuesta" class="MensajesErr"> </span>
<%ELSE%>
<div id="CeldaUsuarioDos" align="right" style="display:none">
<form name="form1" id="form1" onsubmit="return false;">
<span class="MensajesLogin">Bienvenido 
<strong><%= Session("USU_USERNAME") %></strong> 
<input type=hidden name="UserName" value="<%= Session("USU_USERNAME") %>">
<input type="button" value="Logout" class="boton" onClick="sacarUsuario();">
</span>
</form>
</div>
<%END IF%>

no deberia ocultarme el div o ponermelo visible depende de como sea?

La cosa es que ahora no funciona y me muestra un mensaje el javascript undefined
Si bien cuando actualizo la pagina esta todo funcionando bien, eso quiere decir que paso por el javascript y por el asp donde verifica los datos y si estan bien continua

gracias por la ayuda anterior y debo reconocer que tenias razon, si bien por ahi no entendia bien a lo que te referias
gracias

GatorV · 09/05/08, 14:45:40

Si te dice el error de javascript undefined, es porque estas tratando de leer, o poner una propiedad que no existe y es por eso que te marca el error.

Saludos.