Bonjour,
Je suis entrain d'essayer de créer (via le plugin lightbox_me) une lightbox, dans laquelle l'utilisateur devra rentrer son identifiant et son mot de passe, afin de se connecter sur le site. (Voici le
site lightbox_me avec l'exemple que j'essais de reproduire)
Voici mon code:
J'ai rajouter les links pour Jquery et lightboxme dans le head.
Le code "javascript":
Code Javascript :
$(".Test_btn").click(function () {
$(".sign_up").lightbox_me({
centered: true,
onLoad: function () {
$(".sign_up").find("input:first").focus()
}
});
return false;
});
</script>
Le html:
Code HTML :
<button type="button" id="Test_btn" class="Test_btn" href="#">
Cliquez ici pour afficher la lightbox
</button>
<div id="sign_up" class="sign_up" style="position: fixed; top: 50%; margin-top: -159px;
left: 50%; margin-left: -223px; z-index: 1002; display: none;">
<h3 class="sprited" id="see_id">
Connexion</h3>
<div id="sign_up_form">
<label>
<strong>Identifiant:</strong>
<asp:TextBox ID="ID_User" class="sprited" runat="server"></asp:TextBox></label>
<label>
<strong>Password:</strong>
<asp:TextBox ID="PSW_User" class="sprited" runat="server"></asp:TextBox></label>
<div id="actions">
<a href="#" id="cancel" class="close_form_button">Annuler</a> <a href="#"
id="log_in" class="login_form_button">Se connecter</a>
</div>
</div>
<a href="#" class="close sprited" id="close_x">close</a>
</div>
D'après mon code, suite au clic sur mon bouton "Cliquer ici ....", je devrais voir s'afficher ma lightbox pour me connecter, mais ce n'est pas le cas :s. Rien ne se passe.
Si quelqu'un aurait une solution à me proposé ou un autre plugin pour pouvoir faire ce que je souhaite, merci de faire partager ^^.
PS: Je ne sais pas trop dans quelle section du forum poster, donc si ce n'est pas la bonne, merci de m'en excuser