Discussion :

[Janko]

Bonjour,

Sur mon site, afin de permettre aux visiteurs/membres de se connecter ou de s'inscrire, j'aimerais faire une petite box qui pop un peu comme sur ce site: http://www.espacevin.com.

Dans cet exemple, il faut cliquer sur le lien connexion en haut à droite.

Y a-t-il une méthode plus indiquée qu'une autre pour faire cela?

CSS avec ":hover" ?...javascript avec un "onclick" ou "onmouseover"?

Peut-être connaissez-vous un bon tuto?

D'avance, merci pour réponses et bonnes fêtes de fin d'année.

[ze0ne]

Salut, c'est vraiment tres simple, tu fais ta boite de login sans te soucier de quoi que ce soit. Puis en css tu le passe en display: none.

Ensuite en js (avec jQuery par exemple) tu affiche ta box lors de l'evenement click.

En jQuery ca donne quelque chose de ce genre.
#loginBox étant la box pour se loger et #loginBoutton étant le bouton qui permet l'affichage.

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
$(document).ready(function(){
    $('#loginBoutton).click(function(){
        $('#loginBox).show();
    });
});

Si tu as des questions, n'hésites pas.

[Janko]

En fait j'ai déjà fait la petite box en HTML, le CSS également.

Par contre, pour la faire apparaître, j'essayais en changeant le "display" avec ":hover" sur ma classe dans le CSS . De "none" je passais à "block". Il apparaissait bien mais le problème était que la boite disparaissait une fois que je ne survolais plus le lien, forcément. Dans un premier temps, je me demandais, s'il n'existait pas un moyen simple en CSS afin d'éviter ceci mais je pense que le Javascript ou JQuery sont incontournables.

Merci pour cette réponse en tout cas.

[Schim59]

attention javascript peut etre descativé.

C'est possible en css avec display:block; avec :visited en plus de :hover je pense. J'ai jamais fait