Comment faire une lightbox de connexion
stephane07
Messages postés
172
Date d'inscription
Statut
Membre
Dernière intervention
-
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.
A voir également:
- Comment faire une lightbox de connexion
- Gmail connexion - Guide
- Connexion chromecast - Guide
- Gmail connexion autre compte - Guide
- Site inaccessible n'autorise pas la connexion - Guide
- D'où peut venir un problème de connexion internet sur un ordinateur ? - Guide
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 !
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>
<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>
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
