[VB.Net][JS] Comment conserver la valeur d'un TextBox avant traitement ?

Version imprimable

17/05/2006, 10h29
calison3

[VB.Net][JS] Comment conserver la valeur d'un TextBox avant traitement ?
Je fais de l'ASP.NEt --> VB.NET avec Visual Studio.NET

J'ai vu sur ce forum ce bout de code pour mettre à blanc un textbox lors du "onfocus"
Code:

1 2 txtBx.Attributes.Add("onFocus", "javascript:this.value=''")
Ca marche très bien mais n'étant pas douée en javascript, comment faire pour mettre l'ancienne valeur du textbox dans une variable avant donc de mettre à blanc la textbox???

Le but est que qd une personne va sur le textbox, il soit vide pour écrire ses données. Mais si il décide de ne pas écrire dedans et quitte le textbox, alors l'ancienne valeur doit se remettre dans la textbox...

Merci pour votre aide!

Alison

Ce que tu peux faire tout en js est de créer une fonction pour gérer cela. Il te faut une variable js globale
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 var SauvegardeValeur = ""; function EntreeTextbox(IdTextbox) { var textbox = document.getElementById(IdTextBox); SauvegardeValeur = textbox.value; textbox.value=''; } function SortieTextbox(IdTextBox) { var textbox = document.getElementById(IdTextBox); if (textbox.value == '') { // faire également le test si que des espaces peut être textbox.value=SauvegardeValeur ; }
Tu n'as plus qu'à appeler la fonction EntreeTextbox sur le onfocus et la fonction SortieTextbox sur le onblur

17/05/2006, 11h24
calison3
pour appeler la fonction, c'est ainsi???
Code:

1 2 3 4 5 txtAddLUNCHBE.Attributes.Add("onfocus", "javascript:EntreeTextbox(" & txtAddLUNCHBE.ClientID & ")")
Et les 2 fonctions, je les écris dans le code HTML entre les balises
Code:

1 2 <HEAD><SCRIPT language="Javascript">le code JS</SCRIPT></HEAD>
C'est ça?

ps: je suis nulle en JS

Et ça ne marche pas de la façon dont je le fais... Ca me marque "Error !" dans le bas de la page

plus exactement
Code:

1 2 3 4 txtAddLUNCHBE.Attributes.Add("onfocus", "javascript:EntreeTextbox(this.id);") txtAddLUNCHBE.Attributes.Add("onblur", "javascript:SortieTextbox(this.id);")
Il faut bien sur que ton txtAddLUNCHBE est un id

Pour les fonctions il faut les mettre ainsi:
Code:

1 2 3 4 5 6 7 8 9 10 11 <html> <head> <script> // Les fonctions ici ainsi que la variable js </script> </head> <body> //ton code... </body> </html>
Euh... c'est en effet ce que tu avais marqué;)

17/05/2006, 11h51
calison3

Bon j'ai essayé avec this.id mais j'ai mis tt ça dans page_load...

Et dès que ma page se charge , en bas de la page, il y a écrit "Done" avec le triangle et le point d'exclamation.

Quand je prend le focus du textbox, ça me dit "error on page"

Tu as une solution?

merci
17/05/2006, 12h03
calison3
:lol: :P :D
LOL

Tu avais écris Fonction mais c'est Function avec un "U" et moi qui recopie tt sans même lire!!!

Ca m'apprendra!

et texbox --> texTbox

Enfin ça marche tj pas... mais au page_load, ya pas d'erreur.
L'erreur se fait qd je clique sur le textbox (onfocus)

Why??

Et apparement à cette instruction:
Code:

1 2 var textbox = document.getElementById(IdTextBox);
thx

voici un simple fichier html qui fonctionne.
essaye de voir s'il y a une différence avec ce que tu as toi

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
<html>
<head>
<script>
var SauvegardeValeur;
function EntreeTextbox(Id) {
var textbox = document.getElementById(Id);
SauvegardeValeur = textbox.value;
textbox.value="";
}
function SortieTextBox(Id) {
var textbox = document.getElementById(Id);
if(textbox.value=="") {
textbox.value = SauvegardeValeur;
}
}
</script>
</head>
<body>
<input TYPE="text" id="mytext" name="mytext" onfocus="EntreeTextbox(this.id);" value="ahlala" onblur="SortieTextBox(this.id);">
<input TYPE="text" id="mytext2" name="mytext2">
</body>
</html>

Quelle erreur js as-tu?

17/05/2006, 12h21
calison3

Beh l'erreur, c'est dans le bas de la page à coté du logo IE
TT en bas à gauche...
Je sais pas comment on appele cette partie du navigateur...
Enfin, juste au-dessus du START/DEMARRER quoi! lol

Il me met "error on page"
Et qd je mets tt les instructions dans les fonctions en commentaires, ça me fait plus d'erreur donc je suppose que c'est dans le code...
Mais en effet le code fonctionne dans ta page html!!

Je ne comprends pas ou alors c'est un problème de webforms...

EDIT::
Le problème vient du fait que sur ma textbox, j'ai mis AutoPostBack à True... Car quand je le retire, ça fonctionne enfin!!!
Mais j'ai besoin d'activer l'autopostback pour gérer ce que l'user encode!!

Comment faire???

merci
17/05/2006, 12h32
calison3

Je ne sais pas pourquoi mais j'ai mis les appel de fonction dans le code html pure comme ton fichier html et ça marche!!

C'est le principal.

En tout cas merci!:D