Discussion :

[adri170]

bonjour,
j'ai trouvé ce code pour mon formulaire afin que les cases soient pré-remplies par "votre nom" et "votre mail" et que cela disparaisse à la prise de focus par le visiteur (sur cette page: http://www.lacherdepapillon.fr/formulaire/page4.html ). Ça marche bien sur firefox, chrome mais pas IE. Est ce que quelqu'un aurait la gentillesse de me donner une solution équivalente pour IE avec javascript ou autre. (J'ai cherché et pas trouvé merci d'avance...)
le code:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<input name="nom" type="text" id="mon_id" onFocus="if(this.value==this.defaultValue)value=''" onBlur="if(this.value=='')value=this.defaultValue;" value="votre nom" size="30" maxlength="200"><br />

[Bovino]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

if(this.value==this.defaultValue)value=''

value tout seul correspond à quoi selon toi ?

[adri170]

Ben, je dirais à un champ vide, je sais pas. C'est une question piège ?

[Bovino]

Non, ce n'est en rien une question piège, c'est juste pour que tu t'interroges sur pourquoi tu utilises this.value dans un cas et value dans l'autre.
En gros, j'essaye d'attirer ton attention sur la cause du problème afin que tu puisses le résoudre.

[adri170]

J'apprecie la démarche pédagogique , saches le!

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

onFocus="if(this.value==this.defaultValue)value=''

moi je comprends ça: à l'arrivée du curseur si la valeur du champ est égale à la valeur par défaut (soit votre nom), la valeur doit être rien ('').
desolé mais je vois pas pourquoi on utilise this.value et aprés seulement value.Dailleurs j'ai essayé en mettant deux fois this.value et deux fois value tout seul et les deux marchent,alors je vois pas...

[Bovino]

Bon... on va tenter de regrouper les morceaux.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

if(this.value==this.defaultValue)value=''

pourquoi tu utilises this.value dans un cas et value dans l'autre

[adri170]

ben non je vois pas, je donne ma langue au chat ou à la vache plutôt...

[vermine]

Je tiens à dire que je ne comprends pas pourquoi ça fonctionne ainsi, et je n'ai même pas rencontré de problème sur IE7 (je crois). Normalement Bovino a raison et pourtant ce code fonctionne. Sûrement une gestion interne des navigateurs.

[Bovino]

Bref... pour donner la réponse parce que sinon, on va pas s'en sortir.
this.value n'est pas supposé être la même chose que value tout court. Logiquement, value tout seul n'est pas accepté, mais j'imagine que la plupart des navigateurs essayent de pallier le manque de rigueur de certains codes, mais ça, c'est laisser au navigateur le soin de faire ce qu'il veut et des fois, ça marche pas !

[adri170]

ah d'accord... tout s'éclaircit à présent, merci à tous les deux pour votre aide

[NoSmoking]

Bonjour,
cette situation est à l'origine de pas mal de problème, effectivement le navigateur dans cette situation regarde si il existe un attribut possédant ce nom et si oui l'utilise, si non il recherche dans le scope global.

Ceci est encore plus sournois sous IE ou même un <input id="le_input" _id="yes!" onblur="alert(_id);"> affichera un 'yes!', je ne sais pas si sur les dernières versions cela est toujours vrai.

Voilà une bonne raison de ne pas utiliser, non seulement les mots clé du langage, mais aussi les noms d'attribut comme nom de variable, n'en déplaise à certains.

La bonne pratique reste quand même de préciser l'appartenance via le mot this, et mieux encore séparer les couches, donc exit le code inline.

[n2engineer5]

hi!
Juste pour information, html5 introduit l'attribut "placeholder" qui fait built-in sans onfocus/onblur ce que tu veux (enfin ce que tu serais supposé faire je dirais ). Par contre sur ie9, je ne suis pas sur que ce soit pris en charge. Seulement il y a un workaround en utilisant jquery.

ici pour une demo: "placeholder"
http://davidwalsh.name/html5-placeholder

jquery solution:
http://www.hagenburger.net/BLOG/HTML...th-jQuery.html