begin process at 2010 03 19 20:08:38
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Fenêtre & Pop-up

 > FENETRE DE LOGIN

FENETRE DE LOGIN


 Information sur la source

Note :
10 / 10 - par 1 personne
10,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Fenêtre & Pop-up Classé sous :login, fenetre login, connexion Niveau :Débutant Date de création :18/06/2009 Date de mise à jour :17/10/2009 22:07:56 Vu / téléchargé :5 357 / 919

Auteur : kazma

Ecrire un message privé
Commentaire sur cette source (19)
Ajouter un commentaire et/ou une note

 Description

Cliquez pour voir la capture en taille normale
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

  • function quit(){
  • clearInterval(regul);
  • document.getElementById('divco').parentNode.removeChild(document.getElementById('divco'));
  • document.getElementById('cadre').parentNode.removeChild(document.getElementById('cadre'));
  • }
  • function sscro(){
  • var adi=document.getElementById('cadre');
  • var dico=document.getElementById('divco');
  • var dde=document.documentElement;
  • var ddl=(navigator.vendor) ? document.documentElement.childNodes[1] : document.documentElement;
  • if (navigator.userAgent.indexOf('MSIE 5.5')!=-1){
  • var db=document.body
  • dico.style.height=db.clientHeight+db.scrollTop+"px";
  • dico.style.width=db.clientWidth+db.scrollLeft+"px";
  • adi.style.left=((db.clientWidth-adi.offsetWidth)/2)+db.scrollLeft+'px';
  • adi.style.top=(db.clientHeight-adi.offsetHeight)/2+db.scrollTop+"px";
  • }
  • else{
  • dico.style.height=dde.clientHeight+ddl.scrollTop+"px";
  • dico.style.width=dde.clientWidth+ddl.scrollLeft+"px";
  • adi.style.left=((dde.clientWidth-adi.offsetWidth)/2)+ddl.scrollLeft+'px';
  • adi.style.top=(dde.clientHeight-adi.offsetHeight)/2+ddl.scrollTop+"px";
  • }
  • }
  • function creation(elem,ide,nom){
  • var ddc=(arguments[1]=='body') ? document.documentElement.childNodes[1] : document.getElementById(ide)
  • ddc.appendChild(document.createElement(elem)).setAttribute("id",nom);
  • }
  • function createxte(ide,txt){
  • document.getElementById(ide).appendChild(document.createTextNode(txt));
  • }
  • function logdial(){
  • creation('div','body','divco');
  • creation('form','body','cadre');
  • var dvg=document.getElementById('cadre');
  • dvg.setAttribute("method",'POST');
  • dvg.setAttribute("action",'index.php');
  • dvg.style.position='absolute';
  • creation('span','cadre','textelog');
  • creation('div','cadre','im3');
  • creation('input','cadre','log');
  • creation('input','cadre','psw');
  • creation('span','cadre','texpas');
  • creation('span','cadre','texte2');
  • (navigator.appName.substring(0,3)!="Mic") ? document.getElementById('psw').setAttribute("type",'password') : null;
  • createxte('textelog','login : ');
  • createxte('texpas','mot de passe :');
  • createxte('texte2','OK');
  • document.getElementById('texte2').onclick=gestion_pass;
  • document.getElementById('im3').onclick=quit;
  • regul=setInterval(sscro,10);
  • }
function quit(){
clearInterval(regul);
document.getElementById('divco').parentNode.removeChild(document.getElementById('divco'));
document.getElementById('cadre').parentNode.removeChild(document.getElementById('cadre'));
}

function sscro(){
var adi=document.getElementById('cadre');
var dico=document.getElementById('divco');
var dde=document.documentElement;
var ddl=(navigator.vendor) ? document.documentElement.childNodes[1] : document.documentElement;

if (navigator.userAgent.indexOf('MSIE 5.5')!=-1){
var db=document.body
dico.style.height=db.clientHeight+db.scrollTop+"px";
dico.style.width=db.clientWidth+db.scrollLeft+"px";
adi.style.left=((db.clientWidth-adi.offsetWidth)/2)+db.scrollLeft+'px';
adi.style.top=(db.clientHeight-adi.offsetHeight)/2+db.scrollTop+"px";
}
else{
dico.style.height=dde.clientHeight+ddl.scrollTop+"px";
dico.style.width=dde.clientWidth+ddl.scrollLeft+"px";
adi.style.left=((dde.clientWidth-adi.offsetWidth)/2)+ddl.scrollLeft+'px';
adi.style.top=(dde.clientHeight-adi.offsetHeight)/2+ddl.scrollTop+"px";
}
}

function creation(elem,ide,nom){
var ddc=(arguments[1]=='body') ? document.documentElement.childNodes[1] : document.getElementById(ide)
ddc.appendChild(document.createElement(elem)).setAttribute("id",nom);
}
function createxte(ide,txt){
document.getElementById(ide).appendChild(document.createTextNode(txt));
}

function logdial(){
creation('div','body','divco');
creation('form','body','cadre');
var dvg=document.getElementById('cadre');
dvg.setAttribute("method",'POST');
dvg.setAttribute("action",'index.php');
dvg.style.position='absolute';
creation('span','cadre','textelog');
creation('div','cadre','im3');
creation('input','cadre','log');
creation('input','cadre','psw');
creation('span','cadre','texpas');
creation('span','cadre','texte2');
(navigator.appName.substring(0,3)!="Mic") ? document.getElementById('psw').setAttribute("type",'password') : null;
createxte('textelog','login : ');
createxte('texpas','mot de passe :');
createxte('texte2','OK');
document.getElementById('texte2').onclick=gestion_pass;
document.getElementById('im3').onclick=quit;
regul=setInterval(sscro,10);
}

 Conclusion

ping pong tique tongue

 Fichier Zip

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip


 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.

 Sources du même auteur

Source avec Zip SIMPLIFIER LA CREATION DYNAMIQUE D'ELEMENT HTML
Source avec Zip Source avec une capture OGG MEDIA PLAYER
Source avec Zip Source avec une capture FENETRE D'ACTUALITE
Source avec Zip Source avec une capture MENU VERTICALE GAUCHE ET DROIT DEROULANT
Source avec Zip Source avec une capture AFFICHAGE D'IMAGE

 Sources de la même categorie

Source avec Zip Source avec une capture FENETRE D'ACTUALITE par kazma
Source avec Zip Source avec une capture CLASS POP-IN AVEC EFFET SOUS JQUERY DE "CONNEXION" STYLE CS ... par Nementon
Source avec Zip Source avec une capture MESSAGES VIRTUELS par grarestephane
Source avec Zip Source avec une capture ENVOIE DE MESSAGE AUTOMATIQUE par grarestephane
Source avec Zip Source avec une capture INFO BULLES STANDARD COMPATIBLE FF,IE,CHROME,OPERA SIMPLE D'... par alex3105

 Sources en rapport avec celle ci

Source avec Zip Source avec une capture MOT DE PASSE EN HTML par kazma
Source avec Zip MOT DE PASSE PAR LOGIN ET PASSWORD par HTMLer
CONNEXION SERVEUR FTP par maquisard

Commentaires et avis

Commentaire de jdmcreator le 22/06/2009 04:26:20

Bonjour,

Peut-être mettre le champ pour le mot de champ en champ de type password (<input type=password>)

Sinon bravo ;)

JDMCreator

Commentaire de kazma le 22/06/2009 13:16:22

c'est faisable sauf pour IE qui ne supporte pas la modification d'un input par setAtribute

Commentaire de SapherEmbended0 le 01/07/2009 07:43:04

Merci, sa va me servir, je trouve le code juste un peu long

Commentaire de kazma le 03/07/2009 13:36:21

il est un peu long car j'ai essayer de faire en sorte qu'il soit complet et compatible

Commentaire de kazma le 17/08/2009 21:57:21

finalement j'ai rétréci le code

Commentaire de kazma le 20/08/2009 22:23:10

et encore rétréci

Commentaire de davidblanchet13 le 28/08/2009 21:14:56

Mhh... comment faire pour changement la redirection de index.php à index.htm ?!?!????

Merci bcp les gars ;)

Commentaire de kazma le 28/08/2009 22:31:43

quand l'utilisateur clic sur le bouton sa renvoi a la fonction que j'ai appele gestion_pass() qui se trouve dans le fichier html il te suffit de mettre document.location.href='index.html'
et de ne pas faire de submit du formulaire


function gestion_pass(){
var glo=document.getElementById('log').value
var wsp=document.getElementById('psw').value
alert('le login est "'+glo+'" et le passe est "'+wsp+'",redirection vers index.php')
quit()
document.location.href='index.html'
}

Commentaire de davidblanchet13 le 28/08/2009 22:40:42

Oh suis je con !! lol impek ! Merci bcp ;)

Commentaire de davidblanchet13 le 28/08/2009 23:09:31

Grosse galère... c'est bien ici que jpeux définir un nom d utilisateur et le mot de passe :
-> login.js
->     createxte('textelog','login : cacaaa');
createxte('texpas','mot de passe : enfoiré');

??? Le truc c'est que je peux quand meme accéder à ma page index.htm en laissant les 2 espaces (user/psw) libres et en n'appuyant que
sur Enter !

Merci ! ;)

Commentaire de kazma le 29/08/2009 10:58:05

modifie la fonction gestion_pass()de cette maniere
et si tu a bien suivi le login c'est coucou et le passe c'est bipbip

function gestion_pass(){
var glo=document.getElementById('log').value
var wsp=document.getElementById('psw').value
if(glo=='coucou' && wsp=='bipbip'){
quit()
document.location.href='index.html'
}
else{
alert('echec a la connexion')
}
}

Commentaire de davidblanchet13 le 30/08/2009 01:14:26

Impek ! Merci bcp ! Mnt... dernier petit problème je pense.... Comment faire pour éviter qu'au simple clic sur "Enter" , on parvienne à accéder à la page index.htm ????!!

Merci bcp de ton aide ! ;)

Commentaire de crast460 le 05/09/2009 17:28:04 10/10

Merci mais j'aimerais que dans index.php une phrase indique :
Vous êtes bien connecté ( et là son login ).
Et qu'il soit connecté partout sur le site
Merci

Commentaire de jdmcreator le 05/09/2009 19:37:13

Bonjour,

@ Crast460 : Utilise les cookies pour qu'il soit connecté partout sur le site ;)

++

JDMCreator

Commentaire de crast460 le 05/09/2009 20:06:59

quel sont les cookies ?

Commentaire de jdmcreator le 05/09/2009 20:35:05

Crée un sujet sur le forum et envoie moi l'adresse par Message Privé et je t'y répondrai là ;)

Commentaire de manuruben le 14/10/2009 14:11:01

c ou se place la base de donnée comportant les champs login et mot de passe?
sil vous plait aider moi

Commentaire de kazma le 17/10/2009 22:15:45

finalement j'ai regle le probleme pour Ie de l'input qui n'etait pas en type password c'etait du au fait que j'inserait l'input dans le document et que ensuite je modifiait le type en password et ie est incapable de modifier un input existant la modification doit etre faite avant de l'insere dans le document.

Commentaire de benja13280 le 01/11/2009 15:26:27

moi, je modifie login & pass et ca fé ca :
                     ----------------------------------
                    |                                  |
             login : XXXXXXXXX [Il faut taper le login]|
                    |                                  |
      mot de passe : XXXXXXXXX [Il faut taper le code] |
                    |                                  |
                     ----------------------------------
(ce qui n'est pas dans le cadre dépasse)

 Ajouter un commentaire


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 trouver la vitesse de connexion [ par jpb ] Bonsoir,Est-il possible de connaître la vitesse de connexion du client ? Avec ASP, ça semble impossible, le nombre d'objets et de propriétés est limit fenetre connexion [ par essom ] dans ce site et particulièrement dans la partie "votre accés" il ya un lien "connexion" qui permet d'ouvrir une popup qui n'est pas comme les autres.j fenetre connexion [ par essom ] dans ce site(avant de règler votre compte pour pouvoir accéder à tous les sources) t particulièrement dans la partie "votre accés" il ya un lien "conn fenetre connexion [ par essom ] dans ce site(avant de règler votre compte pour pouvoir accéder à tous les sources) t particulièrement dans la partie "votre accés" il ya un lien "conn type de connexion internet [ par creaduff ] Bonjour, Suis un peu nouveau sur votre site. J'y ai trouvé bcp de choses intéressantes.Une question: on trouve de nombreux scripts pour identifier le faire une connexion à un tchat [ par zolio ] Je voudrai pouvoir entrer un pseudo dans une textfield puis appuier sur un bouton pour connecter la personne sur mon tchat et qu'elle s'affiche dans u problème avec le login [ par TheRif ] J'ai un petit problème avec le login,au début ca marchait comme sur des roulette, mais quand j'ai essayé de testé d'aller vers une page qui était bloq


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mars 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

Consulter la suite du CalendriCode

Photothèque

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,749 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales