Discussion :

[lemmings]

Salut � tous,

je voudrais pouvoir �ffacer des colonnes d'un grand tableau htlm.

j'ai deja ce code qui fonctionne mais il est d'une lenteur � faire peur.

si quelqu'un pouvais m'aider ca serait cool.

voici mon code :

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
17
 
//*************************************************************************************************
// fonction pour rendre visible un element choisi(d) ayant pour id(a) du tableau choisi(c)
// a = id de l'element a effacer
// c = id du tableau dans lequel on cherche
// d = nom du tag recherche ex: td,tr,...
//*************************************************************************************************
 
function see_col(a,c,d){
var tds=document.getElementById(c).getElementsByTagName(d);
var r= new RegExp("^"+a+".+");
for (var i=0; i<tds.length; i++) { 
  if(r.test(tds[i].id)){ 
   document.getElementById(tds[i].id).style.display="block"; 
 		} 
	} 
}

Merci d'avance pour l'aide que vous pourrez me fournir.

Lemmings

[javatwister]

hum; commen�ons peut-�tre par un display='none' ?

[lemmings]

je sais mais que ce soit block ou none le probl�me reste entier ;-)

[javatwister]

apr�s, veux-tu "effacer" ou "rendre invisible"? c'est compl�tement diff�rent;

je comprends mal le test et la regexp...

[javatwister]

pourquoi tu ne fais pas:

Code :

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

1
2
3
function see_col(a){
document.getElementById(a).style.display="block"; 
}

?

[lemmings]

le test avec la regexp est justifier dans le sense que je dois scanner tout le tableau a la recherche des �l�ments a �ffacer. car je ne connais que le debut de l'id a �ffacer .

pour exemple

je dois rendre invisible une colonne d'un tableau dont je sais que tous les id des td qui compose cette colonne commence par "kap" et le reste est g�n�r� pour rendre chaque td unique. donc j'ai des td avec comme id kap1568459.


voila en gros le probl�me

[javatwister]

eh bien... ton code semble parfait alors

[lemmings]

le probleme c'est qu'il met 5 minutes voir plus pour �ffacer une colonne du tableau.

le document html qui contient le tableau fait 4 mb.


n'y aurait-il pas moyen d'ameliorer les performances de ce javascript ou est-ce que c'est lier a la puissance de la machine client.

[javatwister]

cr�er un attribut commun pour toutes les cellules d'une m�me colonne?

�a simplifie d�j�;

[lemmings]

cad ? tu ferais ca comment ?

[lemmings]

en fait je viens de faire un petit script pour voir combien de td le script doit scanner et il y en a 29619 ....

donc je comprends pourquoi il est si lent

[javatwister]

en g�n�rant ton tableau, tu donnes un attribut "col" au td; la valeur de col doit correspondre au d�but de l'id, comme "kap", dans ton exemple;

Code :

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

mon_td.setAttribute("col","kap");

et apr�s, ta fonction:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
 
function see_col(a,c,d){ 
var tds=document.getElementById(c).getElementsByTagName(d); 
 
for(i=0; i!= tds.length; i++) {
	if(tds[i].getAttribute("col")==a){
		tds[i].style.display='none'
	}
}
}

[lemmings]

ca devrait allez plus vite a ton avis ?

[javatwister]

je n'en sais fichtrement rien

tu peux toujours essayer et concocter un ptit timer!

[lemmings]

je vais essay� et je te dis quoi.

[javatwister]

encore mieux � mon avis, un nom d'attribut unique par colonne, dont le nom et la valeur �quivaut au d�but de l'id; ce qui donnera:

Code :

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

1
2
3
4
5
6
7
mon_td.setAttribute("kap","kap");
 
...
 
if(tds[i].getAttribute(a)){
     tds[i].style.display='none' 
}

[lemmings]

en fait je ne vois pas tres bien ou je dois mettre le mon_td.setAttribute :-)

mon tableau est g�n�r� a partir de plusieurs loop en coldfusion donc je vois pas tres bien ou je pourrais l'utiliser

[javatwister]

chaque cellule avec son id est bien g�n�r�e dans une boucle?

eh bien au m�me moment, tu cr�es l'attribut en utilisant la m�me variable que pour l'id;

je ne connais rien � coldfusion mais peut-�tre peux-tu indiquer le bout de code o� sont cr��es les cellules?

[lemmings]

voila quelque td

entre # c'est egale a une variable

Code :

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

1
2
3
4
5
6
7
 
<cfloop from ="1" to="125" index="a">
<td align="right" "kap#STADE##ATELIER#.#num0#.#num1#.#num2#.#num3##MATNR##tot#17">0</td>
<td align="right" "kap#STADE##ATELIER#.#num0#.#num1#.#num2#.#num3##MATNR##tot#18">0</td>
<td align="right" "kap#STADE##ATELIER#.#num0#.#num1#.#num2#.#num3##MATNR##tot#19">0</td>
<td align="right" "kap#STADE##ATELIER#.#num0#.#num1#.#num2#.#num3##MATNR##tot#20">0</td>
</cfloop>

[javatwister]

bah, je te confirme que je n'y comprends rien...

c'est un extrait du code qui cr�e des cellules avec leur id?