Faire apparaître et disparaître une pré-saisie d'un champ avec onclick / onblur

Version imprimable

27/02/2008, 06h01
Velkan.nexus

Faire apparaître et disparaître une pré-saisie d'un champ avec onclick / onblur

Bonjour à tous,

Il y a quelques temps j'avais réussi à programmer un petit morceau de code me permettant de faire apparaître et disparaître la valeur par défaut d'un champ texte d'un formulaire, le problème est que cela fait maintenant un petit moment que je n'est pas dévellopé en javascript.

Je me souvient avoir utilisé onclick et onblur, le code ressemblait à quelque chose comme sa :

Si la valeur NOM est présente dans le champ et que l'utilisateur clique sur le champ, alors la valeur par défaut disparaît pour laisser le champ libre à la saisie de l'utilisateur.

En revanche si l'utilisateur clique dans un autre espace sur la page web que dans le champ, et que l'utilisateur n'y a rien saisis, la valeur NOM par défaut se réinscrit dans le champ du formulaire.

Je vous remercie par avance de vos multiples sugestions.

Cordialement.

Velkan.
27/02/2008, 09h09
le_chomeur

Salut :) essaye ceci :

Code:

<input type="text" value="NOM" onfocus="if(this.value == 'NOM') this.value = ''" />
27/02/2008, 09h24
d-Rek

Je dirai même plus :

Code:

<input type="text" value="NOM" onfocus="if(this.value=='NOM'){this.value='';}" onblur="if(this.value==''){this.value='NOM';}" name="toto" />
27/02/2008, 09h27
le_chomeur

c'est pas faux mon cher d-rek ;)

ça me rappelle étrangement ce petit sujet: http://www.developpez.net/forums/sho...d.php?t=466125

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<form id="formu" action="">
 
	<div>
		<input type="text" name="pseudo" id="pseudo" value="pseudo" />
	</div>
 
	<div>
		<input type="text" name="standby" id="standby" value="mot de passe" />
		<input type="password" name="mdp" id="mdp" style="display:none" />
	</div>
 
</form>
 
<script type="text/javascript">
 
var f=document.getElementById("formu").elements;
 
 
f["standby"].onfocus=function(){
	this.style.display="none";
	f["mdp"].style.display="inline";
	f["mdp"].focus();
}
 
f["mdp"].onblur=function(){
	if(!this.value){
		this.style.display="none";
		f["standby"].style.display="inline";
	}
}
 
 
</script>

27/02/2008, 10h02
le_chomeur

Sujet assez récursif :)
27/02/2008, 19h12
Velkan.nexus

Remerciements

Bonsoir à tous,

Ce petit message pour vous remerciez d'avoir participé à ce sujet.

Bonne continuation.

Cordialement.

Velkan.