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>
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>