Comment faire une lightbox de connexion
Fermé
stephane07
Messages postés
172
Date d'inscription
dimanche 3 octobre 2010
Statut
Membre
Dernière intervention
6 février 2014
-
3 déc. 2012 à 20:10
Utilisateur anonyme - 10 déc. 2012 à 21:27
Utilisateur anonyme - 10 déc. 2012 à 21:27
A voir également:
- Comment faire une lightbox de connexion
- Gmail connexion - Guide
- Gmail connexion autre compte - Guide
- Connexion chromecast - Guide
- Facebook connexion - Guide
- Hotmail connexion - Guide
6 réponses
Utilisateur anonyme
4 déc. 2012 à 00:55
4 déc. 2012 à 00:55
Salut
Pour la première version, il te faut Prototype : http://prototype-window.xilinus.com/download/windows_js_1.3.zip
Ensuite, tu copies le code n°7 et tu le colles directement après ta balise <body>
Enfin, en dessous du code source, il y a un lien "view source". Tu cliques dessus et tu copies le contenu ( dynamic.... ) et tu le colles dans un fichier js externe ou tu le mets dans le <head> de ta page en l'entourant des balises <script> et </script>
Bonne chance !
Pour la première version, il te faut Prototype : http://prototype-window.xilinus.com/download/windows_js_1.3.zip
Ensuite, tu copies le code n°7 et tu le colles directement après ta balise <body>
Enfin, en dessous du code source, il y a un lien "view source". Tu cliques dessus et tu copies le contenu ( dynamic.... ) et tu le colles dans un fichier js externe ou tu le mets dans le <head> de ta page en l'entourant des balises <script> et </script>
Bonne chance !
stephane07
Messages postés
172
Date d'inscription
dimanche 3 octobre 2010
Statut
Membre
Dernière intervention
6 février 2014
1
5 déc. 2012 à 02:34
5 déc. 2012 à 02:34
merci
stephane07
Messages postés
172
Date d'inscription
dimanche 3 octobre 2010
Statut
Membre
Dernière intervention
6 février 2014
1
5 déc. 2012 à 19:09
5 déc. 2012 à 19:09
Merci bien sebooch pour ton aide seulement je n'y arrive toujours pas en dessous mon code dis moi STP la ou se trouve le probleme.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="login.css" type="text/css" />
<script language="javascript" type="text/javascript">
<!--
function ma_fonction() {
Dialog.confirm($('login').innerHTML, {className:"alphacube", width:400,
okLabel: "login", cancelLabel: "cancel",
onOk:function(win){
$('login_error_msg').innerHTML='Login or password inccorect';
$('login_error_msg').show();
Windows.focusedWindow.updateHeight();
new Effect.Shake(Windows.focusedWindow.getId()); return false;}});
}
// -->
</SCRIPT>
<title>Untitled Document</title>
</head>
<body >
<div id="login" style="display:none">
<p><span id='login_error_msg' class="login_error" style="display:none"> </span></p>
<div style="clear:both"></div>
<p><span class="login_label">login</span> <span class="login_input"><input type="text"/></span></p>
<div style="clear:both"></div>
<p><span class="login_label">password</span> <span class="login_input"><input type="password"/></span></p>
<div style="clear:both"></div>
</div>
<a href="#" onclick="ma_fonction();">Identifiez vous !</a>
</body>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="login.css" type="text/css" />
<script language="javascript" type="text/javascript">
<!--
function ma_fonction() {
Dialog.confirm($('login').innerHTML, {className:"alphacube", width:400,
okLabel: "login", cancelLabel: "cancel",
onOk:function(win){
$('login_error_msg').innerHTML='Login or password inccorect';
$('login_error_msg').show();
Windows.focusedWindow.updateHeight();
new Effect.Shake(Windows.focusedWindow.getId()); return false;}});
}
// -->
</SCRIPT>
<title>Untitled Document</title>
</head>
<body >
<div id="login" style="display:none">
<p><span id='login_error_msg' class="login_error" style="display:none"> </span></p>
<div style="clear:both"></div>
<p><span class="login_label">login</span> <span class="login_input"><input type="text"/></span></p>
<div style="clear:both"></div>
<p><span class="login_label">password</span> <span class="login_input"><input type="password"/></span></p>
<div style="clear:both"></div>
</div>
<a href="#" onclick="ma_fonction();">Identifiez vous !</a>
</body>
Utilisateur anonyme
Modifié par sebooch le 6/12/2012 à 12:29
Modifié par sebooch le 6/12/2012 à 12:29
Salut
En fait, il te manques l'appel du script Prototype.js
Ça doit être un truc comme çà : <script src="endroit_ou_est_prototype.js/nom_du_fichier_prototype.js"></script>
Place çà juste avant </body>
En fait, il te manques l'appel du script Prototype.js
Ça doit être un truc comme çà : <script src="endroit_ou_est_prototype.js/nom_du_fichier_prototype.js"></script>
Place çà juste avant </body>
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
stephane07
Messages postés
172
Date d'inscription
dimanche 3 octobre 2010
Statut
Membre
Dernière intervention
6 février 2014
1
10 déc. 2012 à 19:24
10 déc. 2012 à 19:24
merci bien sebooch,
il fallait ajouter effecctivement window.js; prototype.js; alphacube.css; default.css.
maintenant mon probleme se trouve au niveau de la gestion du contenu login et password je n'arive pas a recuperer les donnees
il fallait ajouter effecctivement window.js; prototype.js; alphacube.css; default.css.
maintenant mon probleme se trouve au niveau de la gestion du contenu login et password je n'arive pas a recuperer les donnees
Utilisateur anonyme
10 déc. 2012 à 21:27
10 déc. 2012 à 21:27
oula !
Par contre, soit tu fais ça en ajax avec JQuery ou autres ou en php. Ne jamais faire un formulaire de connexion qu'en js ! ;-)
Par contre, soit tu fais ça en ajax avec JQuery ou autres ou en php. Ne jamais faire un formulaire de connexion qu'en js ! ;-)
