Publicité
+ Répondre à la discussion
Affichage des résultats 1 à 4 sur 4
  1. #1
    Invité régulier
    Homme Profil pro Quentin Janssens
    WEB
    Inscrit en
    août 2011
    Messages
    15
    Détails du profil
    Informations personnelles :
    Nom : Homme Quentin Janssens
    Âge : 34
    Localisation : Belgique

    Informations professionnelles :
    Activité : WEB
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : août 2011
    Messages : 15
    Points : 7
    Points
    7

    Par défaut Petit formulaire de connexion/inscription

    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.

  2. #2
    Membre habitué
    Homme Profil pro Romain Guinand
    Développeur Web
    Inscrit en
    avril 2012
    Messages
    77
    Détails du profil
    Informations personnelles :
    Nom : Homme Romain Guinand
    Localisation : France, Morbihan (Bretagne)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : Communication - Médias

    Informations forums :
    Inscription : avril 2012
    Messages : 77
    Points : 105
    Points
    105

    Par défaut

    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 :
    1
    2
    3
    4
    5
    $(document).ready(function(){
        $('#loginBoutton).click(function(){
            $('#loginBox).show();
        });
    });

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

  3. #3
    Invité régulier
    Homme Profil pro Quentin Janssens
    WEB
    Inscrit en
    août 2011
    Messages
    15
    Détails du profil
    Informations personnelles :
    Nom : Homme Quentin Janssens
    Âge : 34
    Localisation : Belgique

    Informations professionnelles :
    Activité : WEB
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : août 2011
    Messages : 15
    Points : 7
    Points
    7

    Par défaut

    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.

  4. #4
    Membre habitué
    Homme Profil pro Pierre-Marie Westeel
    Inscrit en
    juin 2012
    Messages
    133
    Détails du profil
    Informations personnelles :
    Nom : Homme Pierre-Marie Westeel
    Localisation : France, Nord (Nord Pas de Calais)

    Informations forums :
    Inscription : juin 2012
    Messages : 133
    Points : 124
    Points
    124

    Par défaut

    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

Liens sociaux

Règles de messages

  • Vous ne pouvez pas créer de nouvelles discussions
  • Vous ne pouvez pas envoyer des réponses
  • Vous ne pouvez pas envoyer des pièces jointes
  • Vous ne pouvez pas modifier vos messages
  •