Date de publication: le samedi 18 octobre 2008 à 16h54
Dernière modification: par Pascal BOYER le samedi 18 octobre 2008 à 16h58
» Article suivant: JavaScript : lien "Ajouter aux favoris"

La fonction javascript onfocus

Dans un site eZ Publish, voici le code permettant d'afficher le champ de recherche:

<form action="/congo/index.php/mae/content/search" method="get">
    <input id="searchinput" type="text" size="12" value="Rechercher" name="SearchText" />
    <input type="image" class="searchimage" src="/congo/design/standard/images/1x1.gif" />
</form>

Ce code affiche un champ de recherche contenant, par défaut, le mot Rechercher (value="Rechercher").

Lorsque le visiteur clique dans le champ, il doit commencer par supprimer ce mot pour le remplacer par celui de son choix.

Le code ci-dessous, dans lequel on insère simplement la fonction javascript onfocus, permet de supprimer automatiquement le mot Rechercher dès que le visiteur clique dans le champ:

<form action="/congo/index.php/mae/content/search" method="get">
     <input id="searchinput" type="text" size="12" value="Rechercher" onfocus="this.value='';" name="SearchText" />
     <input type="image" class="searchimage" src="/congo/design/standard/images/1x1.gif" />
 </form>

Commentaires