Formulaire de connexion rapide amélioré

Formulaire de connexion rapide amélioré

Description

Formulaire de connexion rapide visible uniquement par les invités avec message à l'intention des visiteurs (plus convivial que le pop-up de Connexion et tout aussi pratique). Attention, il faut activer le formulaire de connexion rapide (en-haut, en-bas ou les deux) dans votre Panneau d'administration > Affichage > Généralités > Page d'accueil. N'est pas compatible avec la connexion Facebook (d'ailleurs qui utilise ça Suspect

).

Pensez à vous déconnecter si vous faîtes des tests avec ce code. Autrement, il demeurera invisible.

Demo

Voir le Formulaire #1
Voir le Formulaire #2

Nota: Le bouton "Connexion" n'a aucun effet sur le démos.

Code

Vous devez poster un message à la suite pour afficher le code

Informations générales

Orange09/04/2012Firefox - 11.0Orange//

Ravener a écrit:: Génial! Merci beaucoup!!

EDIT : Ne pas oublier de le mettre aussi entre les balises "BEGIN switch_fb_connect" et "END switch_fb_connect" si on a l'option de se connecter avec facebook ( l'option sera tout simplement désactivé depuis la connexion rapide ). Sinon on va chercher longtemps avant de comprendre où ça fonctionne pas X'D

Oh, je recherche ce code depuis un moment :O
Merci beaucoup Orange Very Happy

Merci Orange le code est sympa Wink

Et si je puis me permettre, un placeholder serait mieux que onFocus="this.value='';" ^^

J'y ai pensé, mais j'hésite à utiliser le HTML5 encore... surtout que, selon le W3C, placeholder n'est pas encore supporté par IE9...

Ah ouais en effet, dans ce cas mon dernier conseil seras :

onblur="this.value='Pseudonyme';"

(perso ça me stresse)

Very Happy

J'avais déja vu un modèle de ce genre, mais beaucoup trop compliqué à mon goût.
Là, je suis tenté de l'installer. Merci. Smile

Pourquoi ? En mettant OnBlur le contenu redeviendra "Pseudonyme" à chaque fois que l'utilisateur quittera le champ (donc on écrit son Pseudo, on change de champ pour le mot de passe et OUPS ! le premier champs redevient "Pseudonyme" avant qu'on est pu faire quoi que ce soit... )

EDIT: Doublé par Jul' content que ça te plaise Razz

Décidement,

Code:: onblur="if(this.value == '') { this.value='Pseudonyme' };"

Mais ça commence à faire long ^^

Waouh, merci, c'est cool !
J'croyais pas ça possible, moi xD

Curieux et intéressé . Merci Pour le partage.

Merci beaucoup, j'pense que ça va me servir ! Smile

Hiro a écrit:

Décidement,

Code:: onblur="if(this.value == '') { this.value='Pseudonyme' };"

Mais ça commence à faire long ^^

Pire que ça ! Il faudrait faire:

Code:: onfocus="this.value=''" onblur="if(this.value == '') { this.value='Pseudonyme' };"

Pour que Pseudonyme s'efface la première fois qu'on entre dans le champ... c'est beaucoup de code pour un si petit effet Rolling Eyes

Mais c'est possible à faire si quelqu'un est intéressé. Les lignes ci-dessus peuvent servir à re-remplir le champ vider si l'utilisateur n'a rien indiqué dans ce champ après avoir cliqué dessus pour la première fois (comme ça, s'il a des pertes de mémoire à court terme, il pourra savoir que c'est le Pseudonyme qui va dans le premier champ Formulaire de connexion rapide amélioré 3333627970

Formulaire de connexion rapide amélioré 3333627970

)

Merci

Un gros merci ! Ce sera très utile !

Génial! Merci beaucoup!!

EDIT : Ne pas oublier de le mettre aussi entre les balises "BEGIN switch_fb_connect" et "END switch_fb_connect" si on a l'option de se connecter avec facebook ( l'option sera tout simplement désactivé depuis la connexion rapide ). Sinon on va chercher longtemps avant de comprendre où ça fonctionne pas X'D