En fait c’est plus subtil que ça encore : si l’utilisateur n’a rien mis dans le champ en question, et qu’il sort du champ, le texte par défaut sera remis. Sinon si l’utilisateur a tapé du texte lui-même le texte par défaut ne reviendra évidemment pas !
Ceci est particulièrement utile avec le formulaire #FORMULAIRE_RECHERCHE par exemple qui contient par défaut le texte « Rechercher ».
Avec ce filtre vous allez pouvoir faire en sorte que lorsqu’un visiteur clique dans le champ, le texte « Rechercher » soit effacé pour lui permettre de taper le mot clé qu’il souhaite rechercher sans avoir à effacer le texte « Rechercher » comme c’est le cas actuellement.
Ensuite, lorsque l’utilisateur sort du champ (le champ « perd le focus », comme on dit), alors si l’utilisateur a tapé qqch dans le champ le contenu du champ n’est pas modifié (heureusement sinon la saisie de l’utilisateur n’aurait servie à rien !!) et s’il n’a rien tapé (juste cliqué dans le champ puis en est ressorti) le texte par défaut (ici « Rechercher ») se remet.
NB : Attention : pour appliquer un filtre à #FORMULAIRE_RECHERCHE, il faut mettre 2 barres verticales : [(#FORMULAIRE_RECHERCHE||vider_sur_clic)]
Voici le code à inclure dans mes_fonctions.php3 :
function vider_sur_clic($texte)
{
$js = " onblur=\"if (!has_changed) value = oldval;\""
." onchange=\"has_changed=true;\""
." onfocus=\"if (typeof(has_changed) == 'undefined') has_changed = false; "
."if (!has_changed) {oldval=value; value = '';}\"";
$res = preg_replace("|<(input(.*) type='text'(.*))>|iU","<\$1 $js>",$texte);
return $res;
}
Vos commentaires
# Le 17 mai 2005 à 10:26, par chris
En réponse à : > Effacer la valeur par défaut du formulaire de recherche lors du 1er clic
Plus simple, pour la version SPIP 1.8.
Dans le dossier formulaires, il y a le « squelette » formulaire_recherche.html (ce n’est pas un squelette, au sens propre, mais plutôt un morceau de html), qui comporte la ligne :
..
value="[(#ENV*recherche_securisee)]" />
En remplaçant value=.. par :
value="[(#ENV*recherche_securisee)]" onClick="this.form.recherche.value=’’" />
.. on efface le mot Recherche au premier click. Je n’ai pas testé sur tous les environnements mais c’est permis dans une balise input dans le cas général, et ça semble fonctionner. Bien sûr, on trifouille (mais si peu..) le SPIP. Si javascript est désactivé, on revient au fonctionnement normal.
Voilà.
A essayer..
# Le 17 janvier 2006 à 13:42, par Piter de Vries
En réponse à : Cette source marche beaucoup mieux ;-)
Si vous avez des problèmes avec la source ci-dessus essayez plutôt celle-là
-
< ;form action=" ;[(#ENVlien)]" ; method=" ;get" ; class=" ;formrecherche" ;> ;
< ;div> ;
< ;input type=" ;text" ;
id=" ;formulaire_recherche" ;
class=" ;formrecherche" ;
name=" ;recherche" ;
value=" ;rechercher un article" ; onFocus=" ;this.form.recherche.value=’ ’" ;> ;
< ;/div> ;
< ;/form> ;-
pour le voir marcher aller sur le http://ngozo.africa-web.org
# Le 17 janvier 2006 à 13:52, par Piter de Vries
En réponse à : Cette source marche beaucoup mieux ;-)
il faut mettre onfocus à la place de onClick
Sur le http://ngozo.africa-web.org ça marche (spip 1.8.2)
# Le 25 janvier 2006 à 09:53, par cellophane
En réponse à : Cette source marche beaucoup mieux ;-)
Ou de façon plus lisible ;)
‹form action="[(#ENVlien)]" method="get" class="formrecherche"›
‹div›
‹input type="text"
id="formulaire_recherche"
class="formrecherche"
name="recherche"
value="rechercher un article"
onFocus="this.form.recherche.value=’’"›
‹/div›
‹/form›
# Le 25 janvier 2006 à 09:55, par cellophane
En réponse à : Cette source marche beaucoup mieux ;-)
oups, il faut rajouter les accolades autour de : lien... et ça marche !
Répondre à ce message
# Le 19 octobre 2005 à 11:39, par Isabelle
En réponse à : Effacer la valeur par défaut du formulaire de recherche lors du 1er clic
Bonjour,
J’ai collé le code dans mes_fonctions.php3 et remplacé toutes les balises [(#FORMULAIRE_RECHERCHE)] par [(#FORMULAIRE_RECHERCHE||vider_sur_clic)] et ça ne marche pas.
Lorsque je clique dans la valeur par défaut du formulaire de recherche, rien ne se passe. Si je saisie une valeur à rechercher, j’ai une erreur « la page est introuvable ».
Au 1er clic dans la valeur par défaut du formulaire de recherche, si j’affiche le code source, la fonction vider_sur_clic est définie ainsi :
Répondre à ce message
# Le 18 juin 2005 à 20:56, par bcolo
En réponse à : > Effacer la valeur par défaut du formulaire de recherche lors du 1er clic
J’ai fait comme indiqué, en modifiant le filtre dans le fichier recherche-dist.html (je travaille sur un squelette BeeSpip version 1.6.2). Ça ne marche pas. Et si j’ajoute le code à inclure dans mes_fonctions.php3, j’ai un message d’erreur qui dit
Parse error : parse error in /Library/WebServer/Documents/spip/mes_fonctions.php3 on line 12
la ligne 12 correspondant dans mon fichier à
" onchange=\"has_changed=true ;\""
Y a-t-il un endroit bien précis où placer le code à inclure dans mes_fonctions.php3 ?
Ai-je bien fait de remplacer
#FORMULAIRE_RECHERCHE
par
[(#FORMULAIRE_RECHERCHE||vider_sur_clic)]
dans recherche-dist.html ?
Répondre à ce message
# Le 2 mai 2005 à 15:44, par Nasty
En réponse à : Probleme avec Spip 1.7 FR en php
Bonjour…
En fait j’ai copié/collé tout le code au bon endroit, j’ai bien créé un fichier mes_fonctions.php et ajouté l’indication de filtre sur la balise spip du formulaire (avec les deux barres bien entendu), mais a la place de mon formulaire sur mon browser ca me met un "Erreur : filtre « recherche » non défini".
J’ai remplacé le nom vider_sur_clic par "recherche" (dans ma balise spip et dans le fichier mes_fonctions.php), j’ai vérifié l’ortographe et tout, j’ai même réessayé en remettant le nom d’origine du filtre, j’ai vidé le cache 10 fois au moins, rien à faire !!
Merci de m’aider !! ^_^
# Le 2 mai 2005 à 16:05, par Nasty
En réponse à : Et pour le contour ?
Par ailleurs, j’aimerai bien changer la couleur du contour qui s’active lorsque l’on clique dans la zone de saisie du formulaire… pourrait-on m’indiquer ou changer ca ?
Merci !!
Répondre à ce message