Effacer la valeur par défaut du formulaire de recherche lors du 1er clic

Ceci est une ARCHIVE, peut-être périmée. Vérifiez bien les compatibilités !

Ce filtre va vous permettre de modifier les formulaires spip pour que lorsque l’utilisateur clique dans un champ de texte, la valeur qui y était par défaut soit effacée.

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;
}

[MaJ] Je viens de modifier un poil le code pour rajouter un élément qui manquait pour que ce soit compatible avec IE. En effet si has_changed n’est pas défini, IE ne considère pas que (!has_changed) est vrai. Donc il faut lui dire « s’il n’est pas défini, met has_changed à faux » pour ensuite pouvoir utiliser la notion de vrai/faux.

Discussion

Aucune discussion

Ajouter un commentaire

Avant de faire part d’un problème sur un plugin X, merci de lire ce qui suit :

  • Désactiver tous les plugins que vous ne voulez pas tester afin de vous assurer que le bug vient bien du plugin X. Cela vous évitera d’écrire sur le forum d’une contribution qui n’est finalement pas en cause.
  • Cherchez et notez les numéros de version de tout ce qui est en place au moment du test :
    • version de SPIP, en bas de la partie privée
    • version du plugin testé et des éventuels plugins nécessités
    • version de PHP (exec=info en partie privée)
    • version de MySQL / SQLite
  • Si votre problème concerne la partie publique de votre site, donnez une URL où le bug est visible, pour que les gens puissent voir par eux-mêmes.
  • En cas de page blanche, merci d’activer l’affichage des erreurs, et d’indiquer ensuite l’erreur qui apparaît.

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.

Qui êtes-vous ?
[Se connecter]

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici

Ce champ accepte les raccourcis SPIP {{gras}} {italique} -*liste [texte->url] <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document

Suivre les commentaires : RSS 2.0 | Atom