Discussion :

[camcam8782]

Bonjour,

Je souhaite fixer pour mon input text une valeur par default mais qui desparaitrais entierement lorsque l'on click sur le champ afin de rentrer les infos. J'imagine qu'il faut peut etre avoir recours a du javascript mais j'aimerais eviter si c'est possible... et quoi qu'il arrive je ne sais pas le faire en javascript non plus...

Merci d'avance pour votre aide,

Cam

[Bovino]

Sans javascript, c'est impossible.

J'imagine qu'il faut peut etre avoir recours a du javascript mais j'aimerais eviter si c'est possible...

Pourquoi ? C'est tout à fait l'exemple type de ce que l'on appelle l'amélioration progressive qui justifie amplement l'utilisation de JavaScript !

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<input type="text" value="Choisir" onfocus="if(this.value=='Choisir'){this.value=''}" onblur="if(this.value==''){this.value = 'Choisir'}" />

[camcam8782]

Quelle est donc la methode apropriée en javascript?

Merci d'avance,

Camille

[Bisûnûrs]

En lisant les réponses entièrement, ça marche mieux.

[camcam8782]

oups, dslé pour ca, ca marche très bien en tout cas!

Merci bcp,

camille

[camcam8782]

Bonjour,

Cette solution marche effectivement très bien pour Firefox et Explorer (et opera) mais il y a des problemes sur Chrome et Safari. En effet, mon input text possede egalement un maxlenght comme vous pouvez le constater ci dessous :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<input type="text" id="reference" name="reference" value="retrouver le message n°" maxlength="6" onfocus="if(this.value=='retrouver le message n°'){this.value=''}" onblur="if(this.value==''){this.value = 'retrouver le message n°'}" title="Retrouvez le message grace à sa référence"/>

J'ai donc l'impression que l'attribut "maxlenght" prend le pas sur les commandes javasript et il n'affiche que les 6 premières lettres "retrou" au lieu de "retrouver le message n°"...

Connaissez vous ce probleme sur Safari et Chrome?

Merci d'avance,

Camille

[Doki95]

Je trouve un peu dommage de mettre un maxlenght si déjà par défaut tu écris une valeur de plus de 6 caractères. Tu trouves pas une incohérence ?

[tibotibo69]

Et comme ça ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<input type="text" id="reference" name="reference" value="retrouver le message n°"  onfocus="if(this.value=='retrouver le message n°'){this.style.maxlength=6; this.value=''}" onblur="if(this.value==''){this.style.maxlength=30; this.value = 'retrouver le message n°'}" title="Retrouvez le message grace à sa référence"/>

[Bovino]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

onfocus="if(this.value=='retrouver le message n°'){this.style.maxlength=6; this.value=''}" onblur="if(this.value==''){this.style.maxlength=30; this.value = 'retrouver le message n°'}"

maxlength n'est pas une propriété de style mais de l'input lui-même !

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

onfocus="if(this.value=='retrouver le message n°'){this.maxlength=6; this.value=''}" onblur="if(this.value==''){this.maxlength=30; this.value = 'retrouver le message n°'}"

[tibotibo69]

Merci