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
- 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
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
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
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
Mot de passe & Login [ par cgaraffa ]
Bonjour.Comment est ce qu'on fait pour faire apparaître une boite de dialogue Windows ( authentification ) qui demande le nom d'utilisateur et le mot
|
Derniers Blogs
UNE JOLIE-HORLOGE ET PAS QU'UN PEU !UNE JOLIE-HORLOGE ET PAS QU'UN PEU ! par neodante
Pour les possesseurs d'iPhone, ça y est Bijin Tokei - qui se traduit littéralement en Français par " Jolie Horloge " - est arrivé et GRATUITEMENT s'il vous plaît ! Après la version Tokyo, Hokkaido, night club, racing, Gal, "pour les mademoiselles'", . voi...
Cliquez pour lire la suite de l'article par neodante TECHDAYS PARIS 2010 : CONNECTEZ VOS DONNéES à SHAREPOINT 2010 AVEC LES BUSINESS CONNECTIVITY SERVICESTECHDAYS PARIS 2010 : CONNECTEZ VOS DONNéES à SHAREPOINT 2010 AVEC LES BUSINESS CONNECTIVITY SERVICES par ROMELARD Fabrice
Animé par: Gaetan Bouveret et Julien Chomarat Business Connectivity Services (BCS) est dans SharePoint 2010 la version 2 de Business Data Catalog (BDC dans SharePoint 2007). Il s'agit de la solution permettant de visualiser des données provenan...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice [DIVERS] SUIVRE VOS SéRIES PRéFéRéS SUR LA TOILE[DIVERS] SUIVRE VOS SéRIES PRéFéRéS SUR LA TOILE par orion
Comme de nombreux geek, je suis un grand amateur de série TV et je rate régulièrement des épisodes de mes séries préférés. Une solution s'offre à vous avec ce merveilleux site : Tv Gorge - www.tvgorge.com Moteur de recherche à l'appui, vous pouvez ...
Cliquez pour lire la suite de l'article par orion TECHDAYS PARIS 2010 : LA BI DANS SHAREPOINT 2010TECHDAYS PARIS 2010 : LA BI DANS SHAREPOINT 2010 par ROMELARD Fabrice
Animé par: Vincent Bellet et Baptiste Giraudier La BI dans SharePoint 2010, Les nouveaux services d'application dans SP2010 et SQL Server Reporting services 2008 R2. La BI dans SharePoint est généralisée pour tous afin de permettre à tous les coll...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice
Logiciels
DB-MAIN (9.1.0)DB-MAIN (9.1.0)DB-MAIN is a data-modeling and data-architecture tool. It is designed to help developers and anal... Cliquez pour télécharger DB-MAIN Xilisoft DPG Convertisseur (5.1.37.0120)XILISOFT DPG CONVERTISSEUR (5.1.37.0120)Xilisoft DPG Convertisseur offre aux fans de Nintendo DS une bonne solution leur permettant de dé... Cliquez pour télécharger Xilisoft DPG Convertisseur GraphicsGale (2.01.01)GRAPHICSGALE (2.01.01)GraphicsGale est un logiciel de PixelArt avec de nombreuse fonctionnalités permettant de réalisé ... Cliquez pour télécharger GraphicsGale Architecte 3D (Platinum 2010)ARCHITECTE 3D (PLATINUM 2010)Architecte 3D Platinium vous permet de concevoir facilement les plans votre future maison, de l'é... Cliquez pour télécharger Architecte 3D TeamViewer 5 (TeamViewer 5)TEAMVIEWER 5 (TEAMVIEWER 5)Dépanner un ami,expliquer une manipulation devient un jeu d'enfant.
Prise en main d'un autre ord... Cliquez pour télécharger TeamViewer 5
|