Version complète: sur le forum Webmaster Hub : Moteur de recherche
Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net > (X)HTML et CSS
v4np13
lundi 23 janvier 2006 à 17:39
Bonjour à tous,
je suis en train de développer un moteur de recherche interne sur mon site. Pour le moment, je l'ai codé sans bouton, donc on doit l'exécuter en faisant enter. Pour que l'utilisateur sache ce que c'est, j'ai mis:

CODE
<form action="http://sitetest.be" method="get">
<label for="cherche"><input type="text" id="cherche" name="q" value="Recherche" size="10" /></label>
</form>


J'aimerai que le "Recherche" s'efface automatiquement lors du clic de l'utilisateur (pour qu'il ne soit pas obligé de l'effacer avant d'encoder sa requète).

Comment puis-je faire?

Merci pour votre aide.

P.S: je ne sais pas si je suis dans la bonne rubrique... (s'il faut merci de déplacer) en réfléchissant un peu, étant donné que c'est une réaction qui se déroule niveau client, ça devrait être du javascript à moins qu'il existe un truc en CSS.
kazhar
lundi 23 janvier 2006 à 17:43
CODE
<input type="text" id="cherche" name="q" value="Recherche" size="10" onclick="javascript: efface(cherche)"/>


et dans ton javascript :
CODE
function efface(id) {document.getElementById(id).value = "";}
v4np13
lundi 23 janvier 2006 à 17:53
Ca ne fonctionne pas, il faut p-e que je mette "value" à la place de "id", je vais tester celà

Merci pour ta réponse rapide smile.gif

EDIT: ça ne fonctionne pas non plus
v4np13
lundi 23 janvier 2006 à 18:17
J'ai trouvé:
CODE
onFocus="javascript:this.value=''"


Et si l'utilisateur décide de ne rien mettre et que quelque temps après (étant donné que le champs sera vidé) est-il possible de le remettre automatiquement (avec du javascript aussi je suppose)

Merci
kazhar
lundi 23 janvier 2006 à 18:21
le départ, ca doit etre onBlur il me semble
donc, la meme chose avec le texte que tu veut sur le onBlur
marrant que la fonction ne marche pas sad.gif
v4np13
lundi 23 janvier 2006 à 18:27
Et voila le travail:
CODE
<label for="cherche"><input type="text" id="cherche" name="q" value="Recherche" size="10" onFocus="javascript:this.value=''" onBlur="javascript:this.value='Recherche'"/></label>


Impeccable biggrin.gif

Merci à toi KaZhar
v4np13
lundi 23 janvier 2006 à 18:35
Il reste cependant un problème, mon site n'est plus valide W3C, faut-il que je déclare qu'il y a du javascript dans le <head> même sans mettre de code dedans?
xpatval
lundi 23 janvier 2006 à 18:49
Fais gaffe à la casse, dans la partie onfocus(), enfin, je dis ça, mais je ne connais pas les erreurs...

xpatval
v4np13
lundi 23 janvier 2006 à 18:54
Je ne m'y connais rien en javascript, même avec mes bases de java... J'ai copié collé les codes qu'on m'a donné et ceux que je trouvais.

Voici ce que me dit le W3C
Dan
lundi 23 janvier 2006 à 19:05
Merci d'éviter d'éditer les titres en mettant [résolu] en début de celui-ci.
Je n'ai pas envie de sortir premier sur le mot clé "résolu" dans les moteurs, mais plutôt sur les titres des pages B)

Dan
v4np13
lundi 23 janvier 2006 à 19:08
CITATION(Dan @ lundi 23 janvier 2006, 19h05)
Merci d'éviter d'éditer les titres en mettant [résolu] en début de celui-ci.
Je n'ai pas envie de sortir premier sur le mot clé "résolu" dans les moteurs, mais plutôt sur les titres des pages B)

Dan


Sorry Dan, je ne savais pas blush.gif c'est une habitude que je tiens d'un autre forum, mais je ne l'oublierai pas pour la prochaine fois smile.gif
Dudu
mardi 24 janvier 2006 à 01:48
Salut

La solution est là: labels.js wink.gif
v4np13
mardi 24 janvier 2006 à 06:49
Merci Dudu, maitenant mon site est 100% validé w3c biggrin.gif
kazhar
mardi 24 janvier 2006 à 06:58
la solution aurait également pu etre Behaviour
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.