Fenetre de login

Soyez le premier à donner votre avis sur cette source.

Vue 20 921 fois - Téléchargée 3 277 fois

Description

une fenetre de login il ne manque que la gestion du login et du passe le js et le CSS sont sépare du html la position de la fenetre s'adapte au redimensionnement et au scroll compatible ie 6 a 8 ff opera safarie chrome
++

Source / Exemple :


//-------------------------------------------------------------
//  Nom Document : voile login
//  Auteur       : kazma (kamel A)
//  Objet        : voile login   http://www.javascriptfr.com/
//  Création     :18.06.2009
//-------------------------------------------------------------
//  Mise à Jour  : 09.05.2011
//  Objet        : mise a jour ie 9 et optimisation
//-------------------------------------------------------------
//-(*)------------------

var klog={

regul:0,

quit:function(){
clearInterval(klog.regul);
document.getElementById('divco').parentNode.removeChild(document.getElementById('divco'));
document.getElementById('cadre').parentNode.removeChild(document.getElementById('cadre'));
},

sscro:function(){
var dde=document.documentElement;
var ddl=(navigator.vendor) ? document.body : document.documentElement;
if(parseInt(navigator.userAgent.substring(30,31))<=7){
var dico=document.getElementById('divco');
dico.style.height=dde.clientHeight+ddl.scrollTop+"px";
dico.style.width=dde.clientWidth+ddl.scrollLeft+"px";
}
var adi=document.getElementById('cadre');
adi.style.left=((dde.clientWidth-adi.offsetWidth)/2)+ddl.scrollLeft+'px';
adi.style.top=(dde.clientHeight-adi.offsetHeight)/2+ddl.scrollTop+"px";
},

logdial:function(){

if(arguments.length==0){
klog.creation('div','body','id','divco');
var dico=document.getElementById('divco');
var dde=document.documentElement;
var ddl=(navigator.vendor) ? document.body : document.documentElement;
dico.onclick=klog.quit;
dico.style.height=dde.clientHeight+ddl.scrollTop+"px";
dico.style.width=dde.clientWidth+ddl.scrollLeft+"px";
var hou=0;
}
else{
var hou=arguments[0];
}
if(hou<=0.5){
hou+=0.1;
if(parseInt(navigator.userAgent.substring(30,31))<=8){
document.getElementById('divco').style.filter = 'alpha(opacity='+(hou*50)+')';
} 
else{
document.getElementById('divco').style.opacity=hou;
}
}
else{
klog.boite();
return false
}
setTimeout('klog.logdial('+hou+')',30);
},

raz:function(){
document.getElementById('cadre').getElementsByTagName('input')[0].value='';
document.getElementById('cadre').getElementsByTagName('input')[1].value='';
},

creation:function(elem,parent){
var ddc=(arguments[1]=='body') ? document.body : document.getElementById(parent)

var constrution=document.createElement(elem);
if((arguments.length>2)){
var arle=2
while (arle<arguments.length){

if((arguments[arle]=='txt')){
constrution.appendChild(document.createTextNode(arguments[arle+1]))
}
else if((arguments[arle]=='class')){
constrution.className=arguments[arle+1]
}
else{
constrution.setAttribute(arguments[arle],arguments[arle+1]);
}

arle+=2 
}
}
return ddc.appendChild(constrution)
},

boite:function(){

klog.creation('form','body','id','cadre',"method",'POST','action','index.php');		//la page de redirection//
klog.creation('span','cadre','class','textelog','txt','LOGIN : ');
klog.creation('div','cadre','class','im3').onclick=klog.quit;
klog.creation('input','cadre','name','log','class','log');
klog.creation('input','cadre','name','psw','class','psw','type','password');
klog.creation('span','cadre','class','texpas','txt','MOT DE PASSE :');
klog.creation('div','cadre','id','texte2');
klog.creation('span','texte2','class','txt1','txt','Annuler').onclick=klog.raz;
klog.creation('span','texte2','class','txt2','txt','Ok').onclick=gestion_pass;
klog.regul=setInterval(klog.sscro,50);
}
}

Conclusion :


ping pong tique tongue

Codes Sources

A voir également

Ajouter un commentaire

Commentaires

snyders
Messages postés
1
Date d'inscription
mardi 26 juin 2012
Statut
Membre
Dernière intervention
26 juin 2012

Bonjour est merci pour le script !

Je suis étudiant et je viens de découvrir ce script bien sympa ! Par contre j'ai une question peut-on le liée à une base oracle 11g et si oui comment récupérer les mots passes et log de la bdd pour les tests sur le script et ainsi connecté l'utilisateur ?

En espérant avoir une suite !!
Merci
cs_vargas
Messages postés
42
Date d'inscription
samedi 14 juin 2003
Statut
Membre
Dernière intervention
10 juin 2013

Bonjour tout d'abord merci à KAZMA pour login.

maintenant je voudrais faire une fenêtre d'inscription pareil à celle du login, j'arrive à ajouter des nouveaux inputs, mais mon cadre reste de la même grandeur, donc les nouveaux inputs s'affichent en dehors du cadre.

est-ce que quelqu'un peut me dire comment modifier le code pour redimensionner le cadre du login.

merci
cs_rinuom99
Messages postés
91
Date d'inscription
dimanche 12 août 2007
Statut
Membre
Dernière intervention
21 septembre 2014
1
merci beaucoup
@karamel
Messages postés
1747
Date d'inscription
vendredi 9 mai 2008
Statut
Modérateur
Dernière intervention
18 février 2020
53
j'ai refait des modif et tester le tout le problème venait du fait que les input (psw et log) n'avaient pas de nom (name) je vais mettre la source a jour

la page php que j'ai utiliser pour faire le teste

<head>
<title>Codes d'accès</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>


<?php
if (isset($_POST['psw']) AND $_POST['psw'] == "coucou")
{

?>
le code est correcte

<?php
echo $_POST['psw'];
?>

<?php
echo $_POST['log'];
?>

<?php
}
else
{
echo 'le code est incorrecte

';
}
?>

</html>
cs_rinuom99
Messages postés
91
Date d'inscription
dimanche 12 août 2007
Statut
Membre
Dernière intervention
21 septembre 2014
1
est-ce que ça marche chez toi ?

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.