Discussion :

[Velkan.nexus]

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.

[le_chomeur]

Salut essaye ceci :

Code :

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

<input type="text" value="NOM" onfocus="if(this.value == 'NOM') this.value = ''" />

[d-Rek]

Je dirai même plus :

Code :

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

<input type="text" value="NOM" onfocus="if(this.value=='NOM'){this.value='';}" onblur="if(this.value==''){this.value='NOM';}" name="toto" />

[le_chomeur]

c'est pas faux mon cher d-rek

[javatwister]

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

Code :

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

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>

[le_chomeur]

Sujet assez récursif

[Velkan.nexus]

Bonsoir à tous,

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

Bonne continuation.

Cordialement.

Velkan.