Discussion :

[shirya]

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 :

S�lectionner tout - Visualiser dans une fen�tre � part

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

[willoi]

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 ?

[shirya]

voici le code dans ma page aspx:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

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 :

S�lectionner tout - Visualiser dans une fen�tre � part

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

cela me renvoie l'objet monPanel...

[willoi]

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

[shirya]

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 :

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
<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>

[shirya]

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 :

S�lectionner tout - Visualiser dans une fen�tre � part

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 :

S�lectionner tout - Visualiser dans une fen�tre � part

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

avez-vous une id�e de comment faire?

[willoi]

comme ca :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

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

[shirya]

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 :

S�lectionner tout - Visualiser dans une fen�tre � part

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