Comment parcourir les �l�ments d'un panel en javascript

Bonjour tous,je travaille en ASP et j'aimerais savoir si il est possible de parcourir les �l�ments d'un panel et faire des op�rations selon le type d'un �l�ment en javascript. je m'explique:
j'ai un panel, comprenant plusieurs label, textbox et datagrid.
en fait, je voudrais (� chaque fois qu'il y a un �v�nement "onKeyUp" dans mon panel), additionner tout les �l�ments textbox et certains �l�ments de mon datagrid pour faire afficher le total dans un label.
voici comment je pensais le faire (du moins pour les textbox):

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12

function CalculMontantDeduction() { Var total; for (variable in document.getElementById('<%= monPanel.ClientID %>')) { //mon if pour savoir si c un textbox total = total +variable.value;   }   document.getElementById('<%= monLabel.ClientID %>').value=total; }

---

bien entendu, cela ne marche, lorsque je fait un alert(variable.value), il me renvoie "undefined"
est ce donc impossible de parcourir les �l�ment d'un panel....et si oui comment je fais pour distinguer un textbox d'un label, d'un datagrid?
Merci de votre aide
bye
shirya

C est quoi un panel?
En javascript ca n existe pas .
Que donne ton code html genere par asp?
A quoi correspond ocument.getElementById('<%= monPanel.ClientID %>') en quelque sorte ?

voici le code dans ma page aspx:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13

<asp:panel id="monPanel" Runat="server"><TABLE id="Table13" align="center" border="0"> <TR> <TH style="HEIGHT: 18px" colSpan="7"> <P align="left">EXEMPTIONS</P> </TH> </TR> <TR> <TD style="WIDTH: 142px"><STRONG>Fédéral:</STRONG></TD> <TD style="WIDTH: 824px"><asp:textbox id="txtExFederal" Width="64px" Runat="server" CssClass="CHAMPSAISIE" MaxLength="6"></asp:textbox></TD> <TD style="WIDTH: 151px"><STRONG>Provincial:</STRONG></TD> <TD style="WIDTH: 165px"><asp:textbox id="txtExProvincial" Width="62px" Runat="server" CssClass="CHAMPSAISIE" MaxLength="6"></asp:textbox></TD> </TR> </TABLE></asp:panel>

---

donc en gros, �a permet de regrouper plusieurs �l�ments. on peut peut-�tre le voir comme un cadre, comportant la table et les champs textbox...
donc quand je fais:

Code:

---

document.getElementById('<%= monPanel.ClientID %>')

---

cela me renvoie l'objet monPanel...

quand tu fais dans ton navigateur "Voir le code source"
a quoi ressemble ton code genere?

Citation:

---

quand tu fais dans ton navigateur "Voir le code source"
a quoi ressemble ton code genere?

---

�a g�n�re �a...c bizarre, �a le voit comme une division: "div id="EditCheque_monPanel"

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

<div id="EditCheque_monPanel"> <TABLE id="Table13" style="BORDER-RIGHT: lavender thin solid; BORDER-TOP: lavender thin solid; BORDER-LEFT: lavender thin solid; WIDTH: 263px; BORDER-BOTTOM: lavender thin solid; HEIGHT: 54px" cellSpacing="1" cellPadding="1" align="center" border="0"> <TR> <TH style="HEIGHT: 18px" colSpan="7"> <P align="left">EXEMPTIONS</P> </TH> </TR> <TR> <TD style="WIDTH: 142px"><STRONG>Fédéral:</STRONG></TD> <TD style="WIDTH: 824px"> <input name="EditCheque:txtExFederal" type="text" maxlength="6" id="EditCheque_txtExFederal" class="CHAMPSAISIE" style="width:64px;" /></TD> <TD style="WIDTH: 151px"><STRONG>Provincial:</STRONG></TD> <TD style="WIDTH: 165px"><input name="EditCheque:txtExProvincial" type="text" maxlength="6" id="EditCheque_txtExProvincial" class="CHAMPSAISIE" style="width:62px;" /></TD> </TR> </TABLE> </div>

---

j'ai r�ussi � parourir les �l�ments finalement, je me suis d�clarer une division � la place d,un panel..seulement j'ai un autre probl�me, Voici mon code:

Code:

---

1 2 3 4 5 6 7

function CalculMontantDeduction(montant) {   for (variable in document.getElementById('<%= divDeductions.ClientID %>').all) { alert(variable); }

---

lorsque j'exectue cette fontion, �a m'affiche dans une bo�te de dialogue les nom des �l�ments de ma division....seulement, j'aimerais pouvoir faire des op�ration seulement sur les textbox...comment fait on pour dire "si c un textbox, fais �a"
j'ai essayer �a, mais �a ne marche pas...�a dit erreur dans la page

Code:

---

if (variable.getType() == typeof(TextBox))

---

avez-vous une id�e de comment faire?

comme ca :

Code:

---

1 2 3 4

if ( document.getElementById("myInput").type=='text'){ //mon traitement }

---

j'ai essayer avec type, mais �a me mettait tout le temps une erreur
voici ce que j'ai fait et pour l'instant �a marche:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13

for (variable in document.getElementById('<%= divDeductions.ClientID %>').all) {   if (document.getElementById(variable)!=null)//Si ce n'Est pas null { var montant = parseFloat(document.getElementById(variable).value); if(!isNaN(montant))//si c'est un numérique, ajoute le au total { nouveauTotal=parseFloat(nouveauTotal) + parseFloat(montant); }   } }

---

�a ne fait que regarder si c'est un num�ric et si oui ben �a l'ajoute au total