Discussion :

[hirochirak]

Bonjour à tous !!!

je ne trouve pas de réponse à mon petit problème concernant les textbox.

En gros lorsque mon utilisateur rentre dans un textbox (dont la propriété text est initialisé a "0") je souhaiterais effacer le contenu du textbox.

Je viens du monde winform et j'avais l'habitude d'utiliser la propriété focus du textbox (en gros quand le textbox recupere le focus j'effectue mon action).

Le problème c'est qu'en asp.net, l'environnement ne m'offre pas la possibilité de coder ce que je veux sur un evenement Focus.

Est ce possible en asp.net ???

Merci d'avance de m'apporter vos réponses

@+

Hirochirak

[pcdj]

il faut utiliser du javascript

coté aspx tu ajoutes :

Code :

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

1
2
3
 
this.TextBox1.Attributes.Add("onselect", "resetField();")
this.TextBox1.Attributes.Add("onclick", "resetField();")

et coté javascript

Code :

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

1
2
3
4
5
6
 
function resetField()
{
	var txt = document.getElementById("textbox1");
	txt.innerText = '';
}

Pourquoi ces 2 événements onselect et onclick?

si tu sélectionne le textbox en cliquant dessus, c'est bien sur l'événement onclick qui va se produire, par contre si tu sélectionnes ton textbox via la touche tabulation, tu auras besoin de onselect...

J'espère t'avoir aidé

[SmokE]

Bonjour,

Moi en faisant ça, j'ai l'erreur:

Erreur: 'null' a la valeur Null ou n'est pas un objet.
La première partie du code je l'ai mise dans mon load.
Et l'autre dans mon code HTML entre les balises <script>

Une idée?

[pcdj]

bizarre,
à quel moment se produit l'erreur?

au chargement de la page?
au clic sur le textbox?

[SmokE]

Quand je clic sur le textBox justement.

Dans le code behin:

Code :

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

1
2
3
this.Load += new System.EventHandler(this.Page_Load);
			txtLastName.Attributes.Add("onselect", "resetField();");
			txtLastName.Attributes.Add("onclick", "resetField();");

et dans le code HTML

Code :

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

1
2
3
4
5
6
7
<script>
function resetField()
{
	var txt = document.getElementById("txtLastName");
	txt.innerText = '';
}
</script>

Je ne comprend pas

[pcdj]

essaye peut être

Code :

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

1
2
3
 
 
txt.value = '';

au lieu de

Code :

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

1
2
3
 
 
txt.innerText = '';

[Ditch]

L'ID envoyé au navigateur est différent de l'ID assigné dans le code pour des raisons d'unicité.

Tu dois faire un truc du style:

Code :

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

1
2
this.TextBox1.Attributes.Add("onselect", "resetField("+TextBox1.UniqueID+");");
this.TextBox1.Attributes.Add("onclick", "resetField("+TextBox1.UniqueID+");");

Code :

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

1
2
3
4
function resetField(id)
{
  document.getElementById(id).innerText = '';
}