onfocus() et création de fonction

Bonjour,

C'est surement facile mais je nage dans la cacagne ! ;)
En fait j'ai un formulaire que je veux préremplir. Et je veux que quand on clique dessus, ce qui est prérempli disparaisse. Jusque là tout va bien, un simple focus suffit.
Mais je voudrait faire en sorte que si on perd le focus du champ après l'avoir rempli et que l'on retourne dessus, celui-ci n'efface pas tout ce qui a été inscrit au préalable. Je veux tout ca dans une fonction =)

Voici ce que j'ai tenté:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13

Ici la fonction Javascript : function focusout(id) {   if(document.getElementById(id) == "salle_ajout" && document.getElementById(id).value == "Tapez le nom de salle") { document.getElementById(id).value = ""; }   if(document.getElementById(id) == "auteur_ajout" && document.getElementById(id).value == "Tapez le nom auteur") { document.getElementById('auteur_ajout').value = ""; } }

---

Et l'appel de la fonction (compris dans du php, d'où les quotes):

Code:

---

1 2 3

<input type='TEXT' id='salle_ajout' style='visibility:visible;' value=\"Tapez le nom de salle\" onfocus=\"focusout('salle_ajout')\"></input>   <input type='TEXT' id='auteur_ajout' style='visibility:visible;' value='Tapez le nom auteur' onfocus=\"onfocus('auteur_ajout')\"></input>

---

Merci ;)

:coucou:

Code:

---

1 2 3 4

<input type='text' id='salle_ajout' value="Tapez le nom de salle" onfocus="doFocus(this.id)" onblur="doBlur(this.id)" /> <br/> <input type='text' id='auteur_ajout' value='Tapez le nom auteur' onfocus="doFocus(this.id)" onblur="doBlur(this.id)" />

---

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30

// Obtention du focus function doFocus(id) { var element = document.getElementById(id); switch (id) { case "salle_ajout" : if (element.value == "Tapez le nom de salle") element.value = ""; break; case "auteur_ajout" : if (element.value == "Tapez le nom auteur") element.value = ""; break; } }   // Perte du focus function doBlur(id) { var element = document.getElementById(id); switch (id) { case "salle_ajout" : if (element.value == "") element.value = "Tapez le nom de salle"; break; case "auteur_ajout" : if (element.value == "") element.value = "Tapez le nom auteur"; break; } }

---

Plus "proprement" ca donne :

Code:

---

<input type='text' value='Tapez le nom auteur' onfocus="gestionFocus(this, 'Tapez le nom auteur')" onblur="gestionFocus(this, 'Tapez le nom auteur')" />

---

Code:

---

1 2 3 4 5 6 7 8 9

function gestionFocus(element, texteDefaut) { if (element.value == "") { element.value = texteDefaut; } else if (element.value == texteDefaut) { element.value = ""; } }

---

Merci ;)