yhugo Posted June 7, 2006 Share Posted June 7, 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 Link to comment Share on other sites More sharing options...
captain_torche Posted June 7, 2006 Share Posted June 7, 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. Link to comment Share on other sites More sharing options...
yhugo Posted June 7, 2006 Author Share Posted June 7, 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 Link to comment Share on other sites More sharing options...
PGMC Posted June 7, 2006 Share Posted June 7, 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. Link to comment Share on other sites More sharing options...
captain_torche Posted June 7, 2006 Share Posted June 7, 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> Link to comment Share on other sites More sharing options...
PGMC Posted June 7, 2006 Share Posted June 7, 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. Link to comment Share on other sites More sharing options...
yhugo Posted June 7, 2006 Author Share Posted June 7, 2006 Wow ... c'est rapide ! Merci les gars yhugo Link to comment Share on other sites More sharing options...
Dudu Posted June 7, 2006 Share Posted June 7, 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 Link to comment Share on other sites More sharing options...
yhugo Posted June 7, 2006 Author Share Posted June 7, 2006 (edited) 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 Edited June 7, 2006 by yhugo Link to comment Share on other sites More sharing options...
Recommended Posts
Please sign in to comment
You will be able to leave a comment after signing in
Sign In Now