Discussion :

[v4np13]

Bonjour,
je ne m'y connais absolument rien en javascript, mais je suis en train de développer un moteur de recherche interne sur mon site. Sans bouton mais un input avce une value "Recherche", j'aimerais que cet input se vide quand on clique dessus et qu'il remet automatiquement "Recherche" dedans quand l'utilisateur clique à côté. Mon code le fais déjà, mais celui-ci n'est pas valide W3C, que dois-je changer pour que ça le devienne?

Code :

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

1
2
3
<form action="http://sitetest.be" method="get">
<label for="cherche"><input type="text" id="cherche" name="q" value="Recherche" size="10" onFocus="javascript:this.value=''" onBlur="javascript:this.value='Recherche'"/></label>
</form>

Voici le Rapport du validateur W3C

Merci d'avance pour votre aide

[siddh]

rajoutes ça dans le head et enleve les onfocus et onblur :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
<script type="text/javascript">
window.onload=function(){
   inp = document.getElementById('cherche');
   inp.onblur=function(){ 
     this.value='Recherche';
   }
   inp.onfocus = function(){
     this.value='';
   }
}
</script>

[denisC]

Un petit peut-être? parceque le validateur est content, lui, maintenant

[v4np13]

Ouais merci