Discussion :

[mik007]

Bonjour,

je d�bute en javascript et je souhaiterai avoir votre avis sur le probleme suivant :

j'ai une HTML Table (un datagrid g�n�r� dynamiquement en ASP.NET) permettant de saisir des valeurs sur plusieurs lignes pour tous les jours d'un mois.
J'ai donc autant de colonnes que de jours dans le mois (plus quelques entetes de ligne). Le nombre de ligne est variable. Dans chaque "case" du tableau, j'ai un input (textBox) dans lequel on saisie une valeur num�rique.

La derniere ligne de mon tableau contient la somme des valeurs sur chaque colonne. Cette somme est calcul� en javascript et est mise � jour � chaque fois qu'on modifie une textbox du tableau.

Ma question est la suivante : je trouve que le temps n�cessaire pour faire la somme de chaque colonne lors du premier affichage est trop long (apres �� va car je ne recalcule que la colonne modifi�e). J'utilise un getElementById sur chaque textbox pour r�cup�rer la valeur.

Comment puis-je optimiser le parcours (par ligne et par colonne) ?
Est-ce qu'il vaut mieux utiliser :

Code :

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

var val = document.getElementById('monDatagrid' +'__ctl' + numLigne + '_txtNb' + numColonne).firstChild.nodeValue;

OU

Code :

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

var val = maTable.rows[numLigne].cells[numColonne].firstChild.firstChild.nodeValue  ;

D'avance merci

[siddh]

pourquoi pas un getElementsByTagName("input")

[mik007]

Les inputs g�n�r�s automatiquement par asp.net n'ont pas d'attributs "name" fixe, ils sont du style :
nomduDatagrid:_ctlx:idDuControle
ce qui donne pour ma premiere ligne / premiere colonne :
monDatagrid:_ctl2:txtNb0
et pour ma deuxieme ligne / deuxieme colonne :
monDatagrid:_ctl3:txtNb1
etc...

[denisC]

Les inputs g�n�r�s automatiquement par asp.net n'ont pas d'attributs "name" fixe

Et leurs ids?

[javatwister]

Code :

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

1
2
3
4
5
6
7
var somme=0;
var matable=document.getElementById(id_table);
var champ=matable.getElementsByTagName("input");
 
for(i=0;i!=fin_de_mois;i++){
somme+=parseInt(champ[i].value);
};

:

[denisC]

:

Il dit qu'il veux des sommes par colonne JT. Ta solution ne fonctionne pas directement, mais je pense qu'il peut quand m�me y arriver

[javatwister]

ah oui tiens, je suis � la masse...


bah, sinon, �a rejoint le pbm du comp�re lemmings l'autre jour!

==> Attribution d'un id avec un rep�re fixe selon la colonne, r�cup�ration des cellules (toutes, forc�ment, dans un premier temps) puis s�lection via l'id;

�ventuellement, cr�ation d'un attribut unique selon la colonne et boucle sur tous les �l�ments poss�dant cet attribut;

[mik007]

:

Il dit qu'il veux des sommes par colonne JT. Ta solution ne fonctionne pas directement, mais je pense qu'il peut quand m�me y arriver

oui tout a fait.
mais en fait ma question n'est pas comment faire, �� c'est fait, et �� marche ; mais je voulais juste savoir qu'elle etait la m�thode la plus rapide ?
faire des getElementById ou bien des table.rows.cell ?

[SpaceFrog]

�vite la syntaxe firstChild ... ou si tu le fais utilise un node cleaner ... voir FAQ ...

colle leur un id fixe au moment de leur g�n�ration dynamique et utilise getElementById

[mik007]

je ne trouve pas ce que tu appelles node cleaner dans la FAQ JS ?

[denisC]

je ne trouve pas ce que tu appelles node cleaner dans la FAQ JS ?

Projet de FAQ. C'est l'un des premiers threads de ce forum.

A partir de la:
http://www.developpez.net/forums/vie...860360#1860360

Jt et moi d�batons du NodeCleaner.

[jeca]

Bonjour,

Si le 1er affichage de la page te g�ne, pourquoi ne pas calculer sur le serveur avant l'envoi de celle-ci ?