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
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
|
Derniers Blogs
[WF4] UN BINDING ACTIVITY/ACTIVITYDESIGNER QUI PASSE MAL?[WF4] UN BINDING ACTIVITY/ACTIVITYDESIGNER QUI PASSE MAL? par JeremyJeanson
Certain d'entre vous on peut être vécu cette situation embarrassante après quelques temps passer avec WF4 : Au début avec mon " ActivityDesigner" , tout allait bien. Et puis un jour j'ai au des problèmes de " Binding" . Alors nous sommes allé sur le site ...
Cliquez pour lire la suite de l'article par JeremyJeanson MYTIC - SHAREPOINT 2010 : DéJà UN MYTHE MICROSOFT ?MYTIC - SHAREPOINT 2010 : DéJà UN MYTHE MICROSOFT ? par junarnoalg
La prochaine session de MyTIC aura lieu à Namur, le 23 mars prochain. Pendant presque une heure, nous parlerons de SharePoint 2010. Voici un aperçu du programme.
Accueil : 17h30 Début de la session : 18h00 - Les nouvelles int...
Cliquez pour lire la suite de l'article par junarnoalg [MIX10] KEYNOTE DEUXIèME JOURNéE - INTERNET EXPLORER 9, HTML5, VISUAL STUDIO 2010, ODATA[MIX10] KEYNOTE DEUXIèME JOURNéE - INTERNET EXPLORER 9, HTML5, VISUAL STUDIO 2010, ODATA par cyril
Le deuxième keynote du mix fut très riche en contenu. Internet Explorer 9 Juste un après le lancement de Internet Explorer 8, Microsoft a dévoilé les nouveautés de Internet Explorer 9. Désormais, IE supportera HTML5, SVG et CSS3. L'élément ...
Cliquez pour lire la suite de l'article par cyril
Logiciels
Academy System (10.9.4.0)ACADEMY SYSTEM (10.9.4.0)Logiciel de gestion des établissements.
- élèves/étudiants (inscription, dossier, absence...)
-... Cliquez pour télécharger Academy System Xilisoft Convertisseur Vidéo Ultimate (5.1.39.0305)XILISOFT CONVERTISSEUR VIDéO ULTIMATE (5.1.39.0305)Xilisoft Convertisseur Vidéo Ultimate est un outil puissant de conversion vidéo, facile à utilise... Cliquez pour télécharger Xilisoft Convertisseur Vidéo Ultimate Xilisoft DVD Ripper Ultimate (5.0.64.0304)XILISOFT DVD RIPPER ULTIMATE (5.0.64.0304)Xilisoft DVD Ripper Ultimate est un logiciel excellent pour copier et convertir DVD vers presque ... Cliquez pour télécharger Xilisoft DVD Ripper Ultimate Rigs of Rods (63.3)RIGS OF RODS (63.3)c'est un jeu de multi-simulation camions,autobus voitures, avions, bateaux, hélicoptère avec défo... Cliquez pour télécharger Rigs of Rods
|