Bonjour,
J'ai réalisé un tree-table avec des balise div imbriquées pour afficher beaucoup de données (presque 2000 noeuds pour mon arbre voire parfois plus). Le résultat est très bien visuellement. Seulement lorsque mon script est exécuté (il est tout simple):
le noeuds sur lequel j'ai cliqué met du temps pour se fermer ou s'ouvrir.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12 function toggleRows(id, elm){ var bloc = document.getElementById(id); if (bloc.style.display == "block"){ bloc.style.display = "none"; elm.style.backgroundImage = "url(/AurQuest/images/folder-closed.gif)"; } else{ bloc.style.display = "block"; elm.style.backgroundImage = "url(/AurQuest/images/folder-open.gif)"; } alert("ici"); }
Quelqu'un pourrait me dire d'où vient se phénomène? Est-ce un pb de rafraichissement de la page? Ou cela vient-il du "getElementById(id)" qui implique que tous les éléments sont parcourus avant que le bon élément soit retourné.
En fait, pour éviter le parcourt de tous mes éléments, je génère à l'affichage un tableau indexé en javascript pour accéder plus rapidement à mon info via l'identifiant que je donne à mes groupes de noeuds. Cependant, l'exécution de mon script met toujours beaucoup de temps.
Quelqu'un aurait-il une idée?
Merci d'avance.
Partager