Accueil > > > FENETRE DE LOGIN
FENETRE DE LOGIN
Information sur la source
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
- //-------------------------------------------------------------
- // 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);
- }
- }
//-------------------------------------------------------------
// 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
Historique
- 18 juin 2009 23:06:12 :
- centrage css
- 18 juin 2009 23:09:23 :
- centrage css
- 20 juin 2009 11:19:24 :
- petite modif
- 20 juin 2009 13:28:39 :
- prise en charge de ie 5.5
- 01 août 2009 18:52:38 :
- mise a jour pour firefox 3.5
- 17 août 2009 21:55:59 :
- optimisation
- 20 août 2009 22:22:22 :
- optimisation
- 21 août 2009 21:24:05 :
- petite modif
- 21 août 2009 21:26:21 :
- petite modif
- 17 octobre 2009 22:07:57 :
- abandon du support de IE 5 (trop vieux)
réglage du problème sur ie l'input n'était pas de type password.
- 23 juin 2010 20:58:48 :
- arrivé progressive du voile
- 18 août 2010 16:31:47 :
- modif du designe
- 08 mars 2011 17:58:57 :
- estetisme
- 06 mai 2011 12:30:36 :
- ajout de name pour les input
- 09 mai 2011 17:54:05 :
- mise a jour ie 9 deboguage et optimisation
Sources du même auteur
Sources de la même categorie
Commentaires et avis
Discussions en rapport avec ce code source dans le forum
Login/mdp [ par shadow578 ]
salut, J'ai trouvé sur internet un petit script bien symaps qui permettrai la connexion par login/mdp. Donc il se compose de un HTML: [code=html] <!D
perte de connexion [ par majong ]
bonjour il y a certain site où je ne peux pas me connecter à des tranches d'horraire précises de la journée (les cookies doivent etre acceptés comme r
cadre connexion comme twitter ? [ par dodwan ]
Bonjour à tous J'aurai besoin d'aide pour faire quelque chose de similaire à http://twitter.com/ en haut à droite, pouvoir cliquer sur connexion puis
fenetre d'Authéntification [ par midoxe ]
Bonjour tt l monde... j'ai crée une fentre d'Authentification avec un login et mot de passe qui marche très bien,mais je veux juste qu'elle affiche
pop-up comme lorsque l'on clique sur le lien en haut du site "connexion" [ par spacedelta ]
Bonjour, Comment fait-on pour créer un pop-up qui ne démarre pas dans une nouvelle fenêtre mais qui démarre dans le même onglet comme lorsque l'on veu
login sous forme de logiciel [ par jkai ]
Bonjour à tous, je suis nouveau sur le forum et j'aimerais savoir si c'est possible de créer une fenêtre de login qui renvoi les identifiants et mot
problème avec la l'authentification....Urgent [ par hakimjije ]
Voici mon formulaire [code=php] Login: <br
Besoin d'aide svp [ par taraktorr ]
Bonjour à tous j'ai un gros problème et je sollicite votre aide.[^^sad1] Je suis entrain de réaliser une application web avec laquelle on pourra rése
calcul checkum d'un login et passe [ par jeanloudwicg ]
Bonjour, J'ai un script qui demande à l'ouverture d'une page un login et un mot de passe. Je ne suis vraiment pas bon en programmation en général et
Fenêtre Javascript avec 2 zones input !!!!! [ par midoxe ]
Bonjour, les amis je cherche à utiliser une fenêtre javascript qui contient 2 zones input pour que je demande à l'utilisateur de rentrer son login a
|
Derniers Blogs
CSS CONTENT STATE SELECTORS (PERSONNAL DRAFT)CSS CONTENT STATE SELECTORS (PERSONNAL DRAFT) par FREMYCOMPANY
Bonjour à tous, Je viens de publier une proposition comprenant 5 pseudo-classes pour le CSS Working Group ayant trait à l'état de chargement d'un élément (ex: IMG,VIDEO,AUDIO,OBJECT pour l'HTML.). Si le c½ur vous en dit, vous pouvez retrouver cette p...
Cliquez pour lire la suite de l'article par FREMYCOMPANY MBA : POURQUOI FAIRE ET COMMENT LE CHOISIR ?MBA : POURQUOI FAIRE ET COMMENT LE CHOISIR ? par ROMELARD Fabrice
Formation initiale Durant la formation, le découpage classique est le suivant (je donnerai les équivalences Suisse lorsque je les connaîtrais) : Ecole primaire jusqu'au Collège : Formation générale permettant d'obtenir les méthodes...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice Y'A DES ERREURS QUI PEUVENT RENDRE LE DéVELOPPEUR VIOLENTY'A DES ERREURS QUI PEUVENT RENDRE LE DéVELOPPEUR VIOLENT par Aleks
Quand on a ce genre d'erreur sans log :
Et bas on a juste envie de choper le gas de Microsoft qu'a développé ça et lui foutre des baffes de Coboye ! ...
Cliquez pour lire la suite de l'article par Aleks [HYPER-V 3] PRéSENTATION DES COMMANDLETS POWERSHELL[HYPER-V 3] PRéSENTATION DES COMMANDLETS POWERSHELL par Pierrick CATRO-BROUILLET
Avec la sortie prochaine de la Beta Consumer Preview de Windows 8, j'avais envie de revenir sur une des fonctionnalités que j'attends le plus et que, en bon geek que je suis, j'utilise déjà : Hyper-V 3 ainsi son module PowerShell.
Il y a déjà pléthor...
Cliquez pour lire la suite de l'article par Pierrick CATRO-BROUILLET IIS7 - COMPRESSION GZIPIIS7 - COMPRESSION GZIP par cyril
La compression GZIP permet d'améliorer les performances de navigation en compressant ce qu'envoie le serveur à un client. Pour comprendre comment cela fonctionne, regardons ce qu'il se passe au niveau HTTP lorsqu'un client tente d'accéder à une ress...
Cliquez pour lire la suite de l'article par cyril
Logiciels
Academy System (17.2.1.0)ACADEMY SYSTEM (17.2.1.0)Logiciel de gestion des établissements.
- élèves/étudiants (inscription, dossier, absence...)
-... Cliquez pour télécharger Academy System Easy-Planning (1.0.0.1)EASY-PLANNING (1.0.0.1)Basé sur les mêmes principes que MyPlanning, Easy-Planning permet de créer des plannings sous la ... Cliquez pour télécharger Easy-Planning COLLECTOR PLUS (3.00B)COLLECTOR PLUS (3.00B)COLLECTOR PLUS version 3.00B est un logiciel utilisant une base de données alimentée par :
- L... Cliquez pour télécharger COLLECTOR PLUS PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V7.4)PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V7.4)PONAMEDIA TV DEVIENS HELLLOOO FLASH
LA TV SUR VOTRE ORDINATEUR.
Toute une plateforme Multi... Cliquez pour télécharger PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO LettresFaciles 2011 (8.0.0.1)LETTRESFACILES 2011 (8.0.0.1)LettresFaciles est un logiciel facilitant la création et la rédaction de lettres types.
Son inte... Cliquez pour télécharger LettresFaciles 2011
|