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