L'éditeur JavaScript
Visiteur non-identifié | Identifiez-vous | Devenir membre
Code perdu ? | Combien de visiteurs sur votre site ?
Rechercher :
Page d'accueil
     Home Page

JavaScript
     Tous les scripts
     Proposer un script
     Recherche de script
     AJAX
     Cours de JavaScript
     Liste de discussion
     Forums

Services :
     CountUs
     myCircle
     ClickInText
     XooIt

Trucs et astuces :
     HTML / CSS
     PHP / MySQL
     Réferencement
     Graph / Présentation
     Toutes les astuces
     Ajouter un article

MailingList :
122571 abonnés

Annuaire webmaster :      Hebergement web
     Referencement
     Sites webmasters
     XHTML - CSS2
     PHP
     Affiliation - Pub
     FAI

     Annuaire webmaster

Ressources pour webmasters :
     Kit graphique
     Foire aux questions
     Les membres
     Devenir annonceur
     Faire un lien
     Contact

Partenaire :
     Compteur live
     Créer un forum
     Le PHP facile
     Comscripts
     Liens sponsorisés
     Blog
     Page Rank
     Gifs animés, f...
     Poésie et cita...
     Azote.org - no...
     Easy-script.com
     Web creation ...
     Je crée mon site
     Outils de créa...
     Electroniq...
     K i s s design
     Créer son site...
     Les autres
     Votre site ici ?


Effacer un champs de formulaire au clic

Script posté par :

krucial - (Site : L'éditeur JavaScript)
Vous aussi, postez vos scripts en cliquant ici.


Description

Ce script vous permet de remettre un champs vide quand votre visiteur cliquera sur le champs.


Compatibilité :

 FireFox : Toutes versions
 Mozilla : 1 et +
 Netscape Navigator : 3 et +
 Internet Explorer : 3 et +


Chiffres :

Date de création : 13/04/2003
Dernière modif : -
Visites de la page : 73265
Envois par mail : 929


Exemple :




Le code :

Entre <BODY> et </BODY> :


Services email :

Je désire recevoir ce script par email
Je désire recevoir un email en cas de modification de ce script
Je désire m'abonner à la newsletter de l'éditeur JavaScript


Les annotations des visiteurs :

De gautier1991 - le 01-12-2004
Y'a un moins à ce script. Quand on clique pour renseigner le champs, ça s'efface, mais pour corriger, ça s'efface aussi et on doit recommencer.
De Aagarion - le 10-12-2004
voici une autre version de ce script afin d'éviter d'avoir a tout retaper s'il y a une erreur de saisie dans le champ (il s'agit ici de selectionner tout le texte et non de l'effacer):
entre <body> et </body>
<form name="form1">
<input type="text" name="email" onFocus="document.form1.email.select()"/>
</form>
De sheirkus - le 31-03-2006
Il existe une autre solution, effacer le champ que si il contient une valeur spécifique...
Exemple :
<input type="text" onclick="if (this.value=='Votre mail ici !') this.value=''" value="Votre mail ici !"/>
De TiPunK - le 23-04-2007
Pour un textarea, la syntaxe est la suivante :
<textarea onclick="if (this.value=='ALL YOUR BASE ARE BELONG TO US') this.value=''">ALL YOUR BASE ARE BELONG TO US</textarea>
De Nogardryu - le 11-08-2008
L'idéal est aussi de remettre le texte initial si l'utilisateur ne remplit pas le champ (attention ce n'est pas un contrôle !). Pour cela, on utilise la fonction 'onblur'.

<input name="nom" type="text" id="nom" size="30" value="Votre nom" onclick="if (this.value=='Votre nom') this.value=''" onblur="if (this.value=='') this.value='Votre nom'" />

>> Poster une annotation sur ce script






compteur gratuit
actuellement en ligne

    PUBLICITE



     ANNUAIRE WEBMAST.
Cegetel
Fournisseur d'acces ADSL
http://www.cegetel.fr/
Cat : Haut débit
Voir l'annuaire webmaster


     LES SCRIPTS :
78 à éditer
68 à copier/coller
247 des membres
2580 sur le web
>> Tous les scripts

     LES MEMBRES :
65967 membres
4636 comptes CountUs
1842 comptes myCircle

     LES FORUMS :
14 forums
40359 topics
191688 messages
>> Les forums

    SONDAGE

Vous avez un blog ou site classique ?
Un blog
Un site classique
Les deux !
La mini-astuce "Referencement" du jour par krucial
Pour savoir combien de pages de votre site sont indexées dans Google, il vous suffit de taper, dans la boite de recherche du moteur : "site:http://www.votresite.com";.
Proposer votre mini-astuce | Archives des mini-astuces
© 1999-2012 EJS - Tous droits réservés | CNIL N° 844440 | 12/02/2012 11:05:22 | Design by | Gen. en 0.326 sec.