effacement de 2 champs texte dans formulaire quand l'un des 2 a le focus [Résolu]

[serna]

bonjour et bonne année 2011,

je souhaiterais faire la chose suivante et je ne sais pas si c'est posssible

j'ai un formulaire de recherche avec deux champs

Code :

1
2
3
<input name="nom" type="text" id="nom" value="Nom...." size="25">
 
<input name="code" type="text" id="code" value="Code...." size="25">

j'ai dans chaque champ une valeur initial qui me sert en fait à indiquer quel type d'info il faut entrer. ceci pour un gain de place

j'aimerais quant la souris entre dans l'un des deux champs que la valeur initial DES DEUX CHAMPS disparaissent.

pas seulement le champs qui a le focus mais également l'autre champs. exemple la souris entre dans le champs "nom" et ça remet à zéro le champ avant d'entrer une info mais ÉGALEMENT l'autre champ "code" se met à zéro

il y'a cette solution mais pour chacun des deux champs

Code :

<input onclick="if(this.value=='nom')this.value=''; ... />

il faudrait que RAZ sur les deux champs

merci

[vermine]

Bonjour,

Vous pouvez adapter le code facilement. Vous donnez presque la réponse ici :

Code :

<input onclick="if(this.value=='Nom....')this.value=''; ... />

Comprenez que dans ce cas-ci, this revient au même que :

Code :

document.getElementById("nom")

Où nom est l'id du champ. Si vous rajoutez la même instruction en changeant les nom par code, vous y verrez déjà plus clair.

[serna]

merci

je vois pas du tout comment faire

Code :

<input  onclick="if(this.value=='Nom....')this.value=''" name="nom" type="text" id="chercheville" value="Nom...." size="25">

désolé je patauge

[SpaceFrog]

Code :

<input onclick="if(this.value=='nom'){this.value='';document.getElementById('truc').value='';" ... />

truc étant l'id de l'autre input

[serna]

merci spacefrog, j'ai essayé ton code ça ne marche pas. de plus le premier input ne s'efface plus.

[Bovino]

Code :

<input name="nom" type="text" id="nom" value="Nom...." size="25">

Code :

if(this.value=='nom')

Il ne reste plus qu'à attendre sagement le moment où "Nom..." et "nom" correspondront à la même valeur...

[serna]

voila le code que j'ai testé

Code :

<input name="nom" type="text" id="nom" onclick="if(this.value=='nom'){this.value='';document.getElementById('code').value='';" value="nom" />

Code :

<input name="code" type="text" id="code" value="code" size="7">

mais ça ne marche pas.

[SpaceFrog]

Code :

1
2
<input name="code" type="text" id="code" value="code" size="7">
<input name="nom" type="text" id="nom" onclick="if(this.value=='nom'){this.value='';document.getElementById('code').value='';}" value="nom" />

[serna]

merci space frog ça fonctionne ! , j'ai fait de même pour l'autre input comme ça sur les deux champs ça marche.

[Bovino]

Envoyé par serna

merci space frog ça fonctionne !

As usual...
Spaffy rules