Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje08-05-2011, 16:06 (UTC)    
Título del mensaje: Box Iniciar/Cerrar Sesion en cualquier pagina

a aceptar para recibir los mejores efectos de la web en tu correo.
Aceptar
Cancelar
Este codigo les ahorrara tiempo a sus visitantes, sin la necesidad de tener que visitar la pagina de "Acceder.html" (algo comun) y tener que ingresar su usuario y password.
Ahora desde cualquier pagina podran hacerlo.

Imagen previa:

El codigo va en "Texto por encima...", solo necesitan cambiar el codigo en naranja , por la direccion de su pagina para acceder, ejemplo:
Cita:
pagina.es.tl/Acceder.htm




Cita:
<!-- Codigo por http://adan-2994.es.tl/Iniciar_cerrar_sesion_desde_inicio.htm -->

<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="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","display":"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("cursor","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("cursor","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("cursor","wait");
$.post(accionpagina,{"logindata[name]":usu,"logindata[kennwort]":pass,mode:1,checklogin:1,"logindata[checklogin]":1},function(respuesta){
$(document.body).css("cursor","default");$("div#iniciar-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;margin: -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>
<!-- Codigo por http://adan-2994.es.tl/Iniciar_cerrar_sesion_desde_inicio.htm -->

El codigo en color verde lo pueden editar asu gusto, desde ahi pueden editar el color de su box, yo lo deje por con una transparencia.

Por ultimo
Necesitamos un boton enlace u otra cosa mientras tenga el atributo id="abrir-contenedor-iniciar"
Ejemplo:

Código:
 <a href="#" id="abrir-contenedor-iniciar" >Iniciar/Cerrar sesion</a>


Esto es todo,
te gusto el aporte? suscribete y recibelos de inmediato

______________
COLECCION DE EMOTIKONOS PARA TU WEB PWG
Mensaje08-05-2011, 16:31 (UTC)    
Título del mensaje:

Muy buen aporte, porque tiene el efecto de transparencia y el diseño me gusto.

Te felicito Adan, ojala estes mucho tiempo en PWG
______________
Off
Mensaje08-05-2011, 23:32 (UTC)    
Título del mensaje:

Muchas gracias amigo por el aporte lo necesitaba.
______________

Noticias Relevantes
Diablo III llegara el 15 de mayo
Se desvela Angry Birds Space
Call of Duty: Black Ops 2 podria anunciarse el 28
La portatil Neo Geo es oficial
Hemos activado nuestro foro... ¡ Entrar al foro !
Mensaje10-05-2011, 14:07 (UTC)    
Título del mensaje: Muchas Gracias

Eres un gran aporte para PWG tus aportes son muy buenos gracias mil y ojala sigas asi exitos
______________
Cuida a tu Mascota>>> Vallecanino


Mensaje12-07-2011, 02:21 (UTC)    
Título del mensaje: eu loko porq no anda

Mensaje12-07-2011, 14:26 (UTC)    
Título del mensaje:

Que buen aporte, Esta muy bueno para los ususarios de la comunidad.
La verdad es muy bueno...

Saludos!
Mensaje12-07-2011, 15:09 (UTC)    
Título del mensaje:

Muy buen efecto, te felicito.

Cada vez me sorprendes más con tus conocimientos.
Team-Soporte.
______________
Team-Soporte.
Moderador de PaginaWebGratis.es

www.team-soporte.es.tl | @jeremymolina
Mensaje12-07-2011, 16:44 (UTC)    
Título del mensaje:

MUY bueno adan te felicito
cada dia me dejas sin palabras
______________
http://img.webme.com/pic/a/ayuda031/firma012221.png imagen redimensionada por exceso de tamaño
Mensaje14-07-2011, 19:20 (UTC)    
Título del mensaje:

Muy buen aporte
saludos
______________
Votame
Click aqui
Mensaje16-07-2011, 20:01 (UTC)    
Título del mensaje:

Naaaaaaaaaaa sos un graaaaaandeeeee es lo que buscaba...el diseño si lo puedo hacer...pero el javascript no ajajajaj XD

Saludos y muchas gracias.Kapo
______________
Entra a la web!!
Publica tu web en la mia y la mia en la tuya.
Buscamos Staff.Click Aqui
Enlazanos! :D
Mensaje16-07-2011, 20:10 (UTC)    
Título del mensaje:

Men donde pedo ese codigo ?
Mensaje16-07-2011, 20:28 (UTC)    
Título del mensaje:

Adan La verdad te veo muy bien para el futuro ...
Eres un exelente Aporte a la comunidad de PWG ...
Usaria todos tus efectos pero nunca soy de usar nada del otro por
originaridad y para aprender mas ... Felicidades
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group