Formulaire de connexion : mettre "identifiant" dans zone de texte

Statut : non résolu

Ce sujet contient 7 réponses, 2 participants et a été mis à jour pour la dernière fois par Cainzer, le il y a 12 années et 11 mois.

8 sujets de 1 à 8 (sur un total de 8)

Auteur

Messages
27 juillet 2012 à 10 h 03 min #512559
Cainzer
Participant

Chevalier WordPress
113 contributions
Bonjour,

Ma configuration WP actuelle
– Version de WordPress : 3.4.1
– Version de PHP/MySQL :
– Thème utilisé : Perso
– Extensions en place : Aucune
– Nom de l’hebergeur : Localhost
– Adresse du site :

Problème(s) rencontré(s) : Bonjour, je suis en train de créer un formulaire de connexion pour le site que je suis en train de faire. Pour cela j’ai utilisé cette fonction :
```
<?php wp_login_form( $args= array('label_username' => __( ‘Identifiant’ ), ‘label_password’ => __( ‘Mot de passe’ ), ‘label_remember’ => __( ‘Se souvenir de moi’ ), ‘label_log_in’ => __( ‘OK’ ),)); ?>
```
Elle fonctionne sans problème. Mais malgré mes recherches, il y a quelque chose que je ne parviens pas à faire. Il s’agirait de mettre le mot « identifiant » et « mot de passe » dans la zone de texte quand l’utilisateur n’a pas cliqué dessus. De cette façon je gagnerais de la place et ça sera mieux niveau design. Si je n’ai pas été assez précis, laissez moi vous montrer plus précisément :
– Voilà comment je suis actuellement : http://image.noelshack.com/fichiers/2012/30/1343383292-connexion1.jpg
– Voilà comment j’aimerais être : http://image.noelshack.com/fichiers/2012/30/1343383292-connexion2.jpg
En gros. Dès que le visiteur cliquera sur la zone de texte, le mot « identifiant » ou « mot de passe » s’effacera pour laisser sa place au mot que l’utilisateur va inscrire.
Merci d’avance pour votre aide !
27 juillet 2012 à 12 h 40 min #844927

lorenzolamas
Participant

Maître WordPress
3229 contributions

Bonjour,
Tu as essayé avec l’attribut « value » ?

27 juillet 2012 à 13 h 05 min #844928

Cainzer
Participant

Chevalier WordPress
113 contributions

C’est à dire ?
Il y a bien un attribut value ( http://codex.wordpress.org/Function_Reference/wp_login_form ) mais sa valeur est « NULL », bref je ne comprends pas bien son fonctionnement.

27 juillet 2012 à 13 h 28 min #844929

lorenzolamas
Participant

Maître WordPress
3229 contributions

Moi pour ma barre de recherche voila le code qu’il y a:

<input type="text" class="field s" name="s" value="<?php esc_attr_e( 'Texte dans la barre‘, ‘woothemes’ ); ?> » onfocus= »if (this.value == ») {this.value = »;} » onblur= »if (this.value == ») {this.value = »;} » />

C’est la que je change le texte qu’il y a dans le champ de recherche, et quand je clique dedans pour écrire, le texte disparait.

27 juillet 2012 à 13 h 30 min #844930

lorenzolamas
Participant

Maître WordPress
3229 contributions

Juste une petite correction:

<input type="text" class="field s" name="s" value="<?php esc_attr_e( 'Texte dans la barre‘, ‘woothemes’ ); ?> » onfocus= »if (this.value == ») {this.value = »;} » onblur= »if (this.value == ») {this.value = ‘<?php esc_attr_e( 'Texte dans la barre‘, ‘woothemes’ ); ?>’;} » />

27 juillet 2012 à 13 h 31 min #844931

lorenzolamas
Participant

Maître WordPress
3229 contributions

Juste une petite correction encore !!!
Désolé j’ai encore fait trop vite !

<input type="text" class="field s" name="s" value="<?php esc_attr_e( ‘Texte dans la barre’, ‘woothemes’ ); ?> » onfocus= »if (this.value == ‘<?php esc_attr_e( ‘Texte dans la barre’, ‘woothemes’ ); ?>’) {this.value = »;} » onblur= »if (this.value == ») {this.value = ‘<?php esc_attr_e( ‘Texte dans la barre‘, ‘woothemes’ ); ?>’;} » />

27 juillet 2012 à 13 h 34 min #844932

Cainzer
Participant

Chevalier WordPress
113 contributions

Merci pour ton code, mais je dois dire que dans mon cas je ne sais pas du tout comment l’appliquer.
Sinon c’est exactement ça que je veux faire aussi.

28 juillet 2012 à 13 h 22 min #844933
Cainzer
Participant

Chevalier WordPress
113 contributions
Bon j’ai trouvé un code un peu comme le tiens sur un autre site web et je l’ai un peu modifié en copiant ton code, et ça fonctionne. Voilà ce que j’ai maintenant :
```
<li> <form method="post" action="/wp-login.php » id= »loginform » name= »loginform »>

		<input type="text" value=" » onfocus= »if (this.value ==  ») {this.value =  »;} » onblur= »if (this.value ==  ») {this.value =  »;} » tabindex= »10″ size= »20″ value= » » id= »user_login » name= »log »>

		<input type="password" value=" » onfocus= »if (this.value ==  ») {this.value =  »;} » onblur= »if (this.value ==  ») {this.value =  »;} » tabindex= »20″ size= »20″ value= » » id= »user_pass » name= »pwd »>

		<label> <img title="Se souvenir de moi" src="http://image.noelshack.com/fichiers/2012/30/1343469783-disquette.png" alt="" width="14" height="13" /> </label>

		
		
		<a href="/wp-login.php?action=lostpassword »>Mot de passe perdu ?</a>

		<input type="hidden" value=" » name= »redirect_to »>

		</form> </li>
```
En revanche un problème survient. Lorsque l’on coche la case pour se rappeler du mot de passe et du login, j’ai l’impression qu’il se rappelle bien du mot de passe, mais en ce qui concerne le login c’est non. En fait il m’affiche « identifiant » et quand je clique dessus mon pseudo n’apparait pas, il y a le vide ce qui dans un sens est normal… mais bon l’idéal ça serait que si je coche la case se rappeler, au lieu d’identifiant il y aurait marqué le pseudo de l’utilisateur et bien sûr à côté le mot de passe.

J’ai d’ailleurs une autre question que je dois poser : Je voudrais que lorsque l’utilisateur est connecté, il y est à la place des champs pour se connecter la fonction
```
 /
<li>
```
Je pensais utiliser ce code :

Mais le problème c’est que si je met le code register en premier puis le code qui est objet de ma première question en deuxième ça me fait un parse error avec une page blanche. Comme je ne suis pas un pro du PHP je ne sais pas bien s’il faut remplacer echo par autre chose pour que ça fonctionne…

Pourriez vous m’aiguiller là dessus ? Merci d’avance !
Auteur

Messages