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;
}
Discussions par date d’activité
4 discussions
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..
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
il faut mettre onfocus à la place de onClick
Sur le http://ngozo.africa-web.org ça marche (spip 1.8.2)
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›
oups, il faut rajouter les accolades autour de : lien... et ça marche !
Répondre à ce message
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
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
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 !! ^_^
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
Ajouter un commentaire
Avant de faire part d’un problème sur un plugin X, merci de lire ce qui suit :
Merci d’avance pour les personnes qui vous aideront !
Par ailleurs, n’oubliez pas que les contributeurs et contributrices ont une vie en dehors de SPIP.
Suivre les commentaires : |