yhugo Posté 7 Juin 2006 Posté 7 Juin 2006 Bonjour tous, Comment fait-on pour que le texte qui identifie le champs d'un formulaire disparaisse automatiquement lorsqu'on entre une valeur ? Je ne sais pas si vous voyez ce que je veux dire ? J'ai essayé plusieurs recherches mais sans succès ... peut-être parce que je ne sais pas trop comment le formuler pour les recherches ... Merci et bonne journée yhugo
captain_torche Posté 7 Juin 2006 Posté 7 Juin 2006 J'imagine que tu veux parler du message 'tapez vitre recherche ici', qui disparait quand tu cliques dans le champ ? Pour faire simple, c'est du Javascript : Le message est présent par défaut dans le champ. Sur l'action onFocus, on vérifie la valeur du champ. Si elle est égale à notre 'chaîne de base', alors on la supprime.
yhugo Posté 7 Juin 2006 Auteur Posté 7 Juin 2006 J'imagine que tu veux parler du message 'tapez vitre recherche ici', qui disparait quand tu cliques dans le champ ? Pour faire simple, c'est du Javascript : Le message est présent par défaut dans le champ. Sur l'action onFocus, on vérifie la valeur du champ. Si elle est égale à notre 'chaîne de base', alors on la supprime. Merci Captain_torche ... Je suis pas très érudit en Javascript ... Est-ce que c'est le genre de script que je pourrais trouver quelque part dans un annuaire de script ou c'est trop simplet ... sous quel nom pourrais-je chercher ça ? merci yhugo
PGMC Posté 7 Juin 2006 Posté 7 Juin 2006 Pour mettre un texte par défaut, et effacer ce texte quand l'utilisateur clique, il suffit de rajouter onFocus="java script:this.value=''" comme : <input name="q" type="text" value="Textepar défaut" onFocus="java script:this.value=''"> Je serais intéressé par la solution de Captain Torche qui est plus évoluée.
captain_torche Posté 7 Juin 2006 Posté 7 Juin 2006 PGMC : ta fonction effacera le champ de formulaire à chaque fois qu'on cliquera dedans (on qu'on lui attribuera le focus). On peut faire un p'tit truc du genre : <html><head> <script type="text/javascript"> function checkValue(element) { var champ = document.getElementById(element); if(champ.value == 'Tapez ici votre recherche') champ.value = ''; } </script></head><body><form> <input type="text" name="rechercher" id="rechercher" value="Tapez ici votre recherche" onFocus="checkValue(this.id)" /> <input type="submit" name="envoi" id="envoi" value="Rechercher" /></form></body></html>
PGMC Posté 7 Juin 2006 Posté 7 Juin 2006 PGMC : ta fonction effacera le champ de formulaire à chaque fois qu'on cliquera dedans (on qu'on lui attribuera le focus). Oui, cliquer ailleurs sur la page puis recliquer dans le champ efface ce dernier. Pour un moteur de recherche interne à un site ce n'est pas forcément trop gênant, mais ta solution est nettement meilleure : merci pour le code.
Dudu Posté 7 Juin 2006 Posté 7 Juin 2006 Bonjour Une solution toute faite qui ne nécessite pas de toucher au code existe ici: labels.js Très pratique, et totalement accessible
yhugo Posté 7 Juin 2006 Auteur Posté 7 Juin 2006 (modifié) Bonjour Une solution toute faite qui ne nécessite pas de toucher au code existe ici: labels.js Très pratique, et totalement accessible Ça marche comme un gant ! Merci Modifié 7 Juin 2006 par yhugo
Sujets conseillés
Veuillez vous connecter pour commenter
Vous pourrez laisser un commentaire après vous êtes connecté.
Connectez-vous maintenant