javascript et formulaire

**laxe13** · 03/02/2008, 22h23

Bonsoir, j'ai une valeur par defaut a un champ de formulaire, je voudrais savoir comment on fait pour que quand l'utilisateur clique dessus la valeur s'efface.

merci

**GoldenToad** · 03/02/2008, 22h58

salut,

c'est quelque chose qu'on peut faire très facilement en se servant de l'événement onfocus du textbox.

Tu peux te créer une fonction javascript qui efface le contenu du textbox comme ceci :

Code :

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

1
2
3
4
5
 
function ClearDefaultValue(Sender)
{
   Sender.value = "";
}

Tu peux facilement appelé cette fonction en ajoutant un attribut onfocus à ton textbox comme ceci :

Code :

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

1
2
 
<input type="text" id="txt1" value="Valeur par défaut" onfocus="ClearDefaultValue(this);" />

Bien sûr ma fonction à été simplifier pour les besoins de l'explication, je te conseillerais de rajouter une validation pour évident que l'usager efface son entrée s'il reclique sur le textbox.

**laxe13** · 04/02/2008, 02h13

J'y connais pas grand choser a javascript, si tu pouvais me dire comment faire ce serait sympa. merci

**GoldenToad** · 04/02/2008, 06h08

je n'ai pas vu ton code, mais surement que j'essayerais quelque chose comme ça :

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
 
<html>
 
<head>
<script type="text/javascript">
<!--
var DefaultValueIsCleared = false;
 
function ClearDefaultValue(Sender)
{
if (DefaultValueIsCleared == false)
{
Sender.value = "";
DefaultValueIsCleared = true;
}
}
//-->
</script>
</head>
 
<body>
 
<form id="form1">
<input type="text" id="txt1" value="Default" onfocus="ClearDefaultValue(this);") />
</form>
 
</body>
 
</html>

**sly60** · 04/02/2008, 08h49

Ou alors comme ceci.

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
<html>
 
<head>
<script type="text/javascript">
<!-- 
      function ClearDefaultValue(Sender)
      {
            if (Sender.value == "Default")
           {
                 Sender.value = "";
           }
      }
//-->
</script>
</head>
 
<body>
 
<form id="form1">
<input type="text" id="txt1" value="Default" onfocus="ClearDefaultValue(this);") />
</form>
 
</body>
 
</html>

**laxe13** · 04/02/2008, 16h51

nickel, merci

javascript et formulaire

JavaScript

Discussions similaires

Partager

Partager