Comment faire une lightbox de connexion
stephane07
Messages postés
190
Statut
Membre
-
Utilisateur anonyme -
Utilisateur anonyme -
Bonjour,
je voudrais faire une lightbox de connexion met je suis allé sur ces sites mais je ne sais pas comment proceder ( étape par étape car je suis débutant) .
http://prototype-window.xilinus.com/samples.html (précisement le numero 7)
https://buckwilson.me/lightboxme/
Merci de m'aider.
je voudrais faire une lightbox de connexion met je suis allé sur ces sites mais je ne sais pas comment proceder ( étape par étape car je suis débutant) .
http://prototype-window.xilinus.com/samples.html (précisement le numero 7)
https://buckwilson.me/lightboxme/
Merci de m'aider.
6 réponses
-
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 ! -
-
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> -
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> -
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
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 -
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 ! ;-)
