Précédent   Forum du club des développeurs et IT Pro > Webmasters - Développement Web > Général Conception Web
Général Conception Web Forum d'entraide sur les choix technologiques. Avant de poster : Cours Dév. Web, FAQs Dév. Web, Sources Dév. Web
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse
 
Outils de la discussion
Publicité
'
Vieux 26/12/2012, 16h20   #1
Janko
Invité régulier
 
Homme Quentin Janssens
WEB
Inscription : août 2011
Messages : 15
Détails du profil
Informations personnelles :
Nom : Homme Quentin Janssens
Âge : 33
Localisation : Belgique

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

Informations forums :
Inscription : août 2011
Messages : 15
Points : 8
Points : 8
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.
Janko est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 27/12/2012, 15h01   #2
ze0ne
Membre habitué
 
Homme Romain Guinand
Développeur Web
Inscription : avril 2012
Messages : 68
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 : 68
Points : 112
Points : 112
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.
ze0ne est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 27/12/2012, 17h21   #3
Janko
Invité régulier
 
Homme Quentin Janssens
WEB
Inscription : août 2011
Messages : 15
Détails du profil
Informations personnelles :
Nom : Homme Quentin Janssens
Âge : 33
Localisation : Belgique

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

Informations forums :
Inscription : août 2011
Messages : 15
Points : 8
Points : 8
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.
Janko est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 03/01/2013, 14h04   #4
Schim59
Membre régulier
 
Homme Pierre-Marie Westeel
Inscription : juin 2012
Messages : 101
Détails du profil
Informations personnelles :
Nom : Homme Pierre-Marie Westeel
Localisation : France, Nord (Nord Pas de Calais)

Informations forums :
Inscription : juin 2012
Messages : 101
Points : 98
Points : 98
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
Schim59 est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse
Outils de la discussion

Navigation rapide


Fuseau horaire GMT +2. Il est actuellement 22h45.


 
 
 
 
Partenaires

Hébergement Web