Foros del Web » Programando para Internet » Javascript »

Consulta código Javascript iniciar sesion

Estas en el tema de Consulta código Javascript iniciar sesion en el foro de Javascript en Foros del Web. Bueno como verán el código hace que inicie sesión en cierta pagina designada (lo cual funciona bien ) pero la cuestión es que , quiero ...
  #1 (permalink)  
Antiguo 07/05/2014, 17:23
Avatar de AlexanderSDTM  
Fecha de Ingreso: octubre-2012
Mensajes: 2
Antigüedad: 11 años, 7 meses
Puntos: 0
Exclamación Consulta código Javascript iniciar sesion

Bueno como verán el código hace que inicie sesión en cierta pagina designada (lo cual funciona bien ) pero la cuestión es que , quiero que al dar click en entrar redireccione a un link despues de un sierto tiempo que le ponga se podrá hacer modificando el codigo ?
Este es el codigo que ocupo :



Cita:
<style type="text/css">
div#iniciar-cerrar-sesion{
display:none;
position:fixed;
top:10%;
opacity:0;
left:40%;
background-color: rgba(92, 99, 158, 0.520);
width:242px;
padding:12px;
z-index:3;
color:#fff;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border:radius:10px;
box-shadow:0px 0px 20px black;
-moz-box-shadow:0px 0px 20px black;
-webkit-box-shadow:0px 0px 20px black;
border:1px solid #53699a;
}
div#iniciar-cerrar-sesion input[type="button"]{
margin:10px 10px 0px -4px;
padding:8px 27px 8px 27px;
}
</style>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script>$(document).ready(function(){
var accionpagina="https://www.miweb/Acceder.htm";

$("#abrir-contenedor-iniciar").click(function(e){e.preventDefault();$(" div#iniciar-cerrar-sesion").css("display","block").animate({"top":"25 %","opacity":"1"},300);$("div#iniciar-cerrar-sesion input#usuario").focus();});
$("div#iniciar-cerrar-sesion div#cerrarF").click(function(){$("div#iniciar-cerrar-sesion").animate({"top":"10%","opacity":"0","displ ay":"none"},300);});

$("div#iniciar-cerrar-sesion input#entrar").click(function(){
if( $("div#iniciar-cerrar-sesion input#usuario").val()==""){alert("Introduce tu nombre de usuario");$("div#iniciar-cerrar-sesion input#usuario").focus();
}else if( $("div#iniciar-cerrar-sesion input#clave").val()==""){alert("Introduce tu contraseña");$("div#iniciar-cerrar-sesion input#clave").focus();
}else{entrar($("div#iniciar-cerrar-sesion input#usuario").val(),$("div#iniciar-cerrar-sesion input#clave").val());
/*cierra else y el click*/}});
$("div#iniciar-cerrar-sesion input#cerrar").click(function(){
$(document.body).css("cursor","wait");
$("div#iniciar-cerrar-sesion input#entrar,div#iniciar-cerrar-sesion input#cerrar,div#iniciar-cerrar-sesion input#clave,div#iniciar-cerrar-sesion input#usuario").attr("disabled","disabled").css("c ursor","wait");
$.post(accionpagina,{mode:2,"logindata[checklogin]":1},function(res){
$(document.body).css("cursor","default");
$("div#iniciar-cerrar-sesion input#entrar,div#iniciar-cerrar-sesion input#cerrar,div#iniciar-cerrar-sesion input#clave,div#iniciar-cerrar-sesion input#usuario").attr("disabled","disabled").css("c ursor","default");
window.location.reload(true);
});
});
function entrar(usu,pass){
$(document.body).css("cursor","wait");
$("div#iniciar-cerrar-sesion input#entrar,div#iniciar-cerrar-sesion input#clave,div#iniciar-cerrar-sesion input#usuario").attr("disabled","disabled").css("c ursor","wait");
$.post(accionpagina,{"logindata[name]":usu,"logindata[kennwort]":pass,mode:1,checklogin:1,"logindata[checklogin]":1},function(respuesta){
$(document.body).css("cursor","default");$("div#in iciar-cerrar-sesion input#entrar,div#iniciar-cerrar-sesion input#clave,div#iniciar-cerrar-sesion input#usuario").removeAttr("disabled").css("cursor ","default");
if(respuesta.indexOf("=>")!=-1 && respuesta.indexOf("Ahora")!=-1 && respuesta.indexOf("estás")!=-1 && respuesta.indexOf("conectado!")!=-1 ){
window.location.reload(true);
}else if(respuesta.indexOf("=>")!=-1 && respuesta.indexOf("contraseña")!=-1 && respuesta.indexOf("errónea!")!=-1){
alert("Tu Usuario o Contraseña es incorrecta");$("div#iniciar-cerrar-sesion input#clave").val("");$("div#iniciar-cerrar-sesion input#usuario").val("").focus();
}
/*cierra el post*/});
/*cierra funcion*/}
});</script>
<div id="iniciar-cerrar-sesion" ><div id="cerrarF" style="background-image:url(http://img.webme.com/pic/a/adan-2994/cerrar.png);background-repeat:no-repeat;height:16px;width:16px;cursor:pointer;margi n: -8px 0px 5px -8px;"></div><table >
<tr><td>Usuario: </td><td><input id="usuario" type="text" placeholder="Usuario..." required="true"><br></td></tr>
<tr><td>Contraseña: </td><td><input id="clave" type="password" required="true" placeholder="Contraseña" ></td></tr>
</table><center><input title="Cierra cualquier sesion abierta" type="button" id="cerrar" STYLE="float:left" value="Cerrar Sesion"><input type="button" id="entrar" STYLE="float:right" value="Entrar"></center></div>
Cita:
<a href="#" id="abrir-contenedor-iniciar" >Iniciar/Cerrar sesion</a>
  #2 (permalink)  
Antiguo 08/05/2014, 09:56
Colaborador
 
Fecha de Ingreso: septiembre-2013
Ubicación: España
Mensajes: 3.648
Antigüedad: 10 años, 8 meses
Puntos: 578
Respuesta: Consulta código Javascript iniciar sesion

El código adjunto no lo he revisado porque no estoy loco, o al menos no lo suficiente como para hacerlo

La idea es muy sencilla:

Código Javascript:
Ver original
  1. document.getElementById('id_boton').addEventListener('click', function(){
  2.    setTimeout(function(){
  3.       location.href = 'URL';
  4.    }, 5000);
  5. }, false);

Etiquetas: javascript+html, link, sesión
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 02:19.