Discussion :

[nakwakwak]

Bonjour à tous,
je suis une pauvre tâche en javascript, alors je sollicite votre aide :p .

Je voudrais aiguiller un utilisateur dans un formulaire. Pour cela, j'aurais besoin de mettre des valeurs par défaut sur des champs, en grisé et qui s'effacent lorsqu'on clique dessus pour laisser l'utilisateur remplir le formulaire, un peu comme ici : http://www.javascript-coder.com/file...example-2.html . J'ai néanmoins quelques subtilités et contraintes supplémentaires qui font que le problème n'est pas "type" et qu'il dépasse largement mes compétences en javascript (c'est pas dur en même temps ).

Il est possible que la valeur du champ soit définie préalablement (par value="ABC"). Cela est dicté par le serveur dont à priori, imprévisible. Cette valeur doit avoir la priorité sur l'exemple. Si la valeur définie côté serveur n'est pas vide, alors l'exemple ne doit pas être affiché. Si le champ a pour paramètre « value="" » et donc que le champ est vide, alors on peut afficher l'exemple grisé.

D'autre part, si l'exemple est affiché et que l'utilisateur valide le formulaire, dès lors qu'il clique sur le bouton "valider", le champ ne doit pas être soumis, mais bien considéré comme étant vide. Et pour complexifier encore un peu, j'ai un processus jQuery (que je n'ai pas codé) qui valide ou non mes champs. L'écrasement de la valeur exemple doit être prioritaire sur ce processus jquery qui vérifie notamment que le champ soit bien rempli (car sinon, le jquery va croire que le champ est rempli et puis il faudra faire tourner inutilement le serveur, ce sera moins agréable pour l'utilisateur). Dans l'idéal, il faudrait aussi que l'exemple soit toujours affiché, même si le processus jQuery se plaint que le champ n'a pas été rempli (il faudrait donc éviter un bête onClick="effacerLeChamp();" sur le bouton submit).

Voilà, je sais pas du tout par où commencer. Si vous ne me donnez pas directement la réponse, je préférerais qu'on m'aiguille un peu afin que je puisse progresser (sur ce qu'il y a à faire de moi en JS).

Si vous avez besoin de quelque information supplémentaire que ce soit, n'hésitez surtout pas.
Bonne nuit à tous,
Nakwakwak

[SpaceFrog]

fais une rcherche avec "placeholder"

[nakwakwak]

fais une rcherche avec "placeholder"

Merci. C'est exactement ce que je cherchais. Le problème, c'est que c'est compatible avec les navigateurs récents (HTML5) et je pense que ça concernera à peu près 1% de mes visiteurs . Je me suis débrouillé à pondre un truc avec jquery en complément du placeholder, je pense que ça suffira. Ceux qui auront un vieux navigateur n'auront qu'à aller se faire cuire un œuf.

Merci grandement !
nakwakwak

[Bovino]

Non, seuls les utilisateurs de IE9- ne seront pas compatibles, soit moins d'1/3 des visiteurs.

EDIT

Ceux qui auront un vieux navigateur n'auront qu'à aller se faire cuire un œuf.

Oui, dit autrement, ça s'appelle l'amélioration progressive !

[SpaceFrog]

sinon un simple background-image avec une image du texte voulu et modifier le background positon lors du focus et du blur conditionnellement si la zone est vide