boucle qui s'arrête avec firefox

**E.Bzz** · 08/01/2009, 15h42

Envoyé par SpaceFrog

juste une limite à ce script telquel, si l'on a beaucoup de cellules

... à faire clignoter.
Le problème n'est pas que le tableau soit grand, mais que beaucoup de cellules clignotent.

Or, si on fait clignoter des cellules, c'est à priori pour les faire ressortir du lot.

Difficile d'envisager une application fonctionnelle du cas extrême que tu as codé où toutes les cellules clignotent, et donc où ce problème se poserait (c'est d'ailleurs surtout avec IE6 que c'est le b*** : avec FF2, tout est synchro

)
Ou alors il faut le proposer à ceux qui agrémentent leur site de flocons de neige : ça ferait la guirlande

A+

**E.Bzz** · 08/01/2009, 15h43

Envoyé par scavenger

on dirait un jeu ...

Ca m'a fait penser au tableau de bord de l'Entreprise

**scavenger** · 08/01/2009, 15h48

Envoyé par SpaceFrog

tu as plusieurs tables sur la page ???

si tu n'en a qu'une:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementByTagName('table')[0]

oui enfin voilà : c'est ok quand j'en ai qu'une, sinon il faut boucler ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var TabCells=document.getElementById(document.getElementsByTagName('table')[0].id).getElementsByTagName('td');

**E.Bzz** · 08/01/2009, 15h53

Envoyé par scavenger

sinon il faut boucler ...

Oui mais plus simplement

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
for (i=0; i<document.getElementByTagName('table').length; i++) {
...
TabCells=document.getElementByTagName('table')[i].getElementsByTagName('td')
...
}

Ceci dit, si c'est pour boucler sur toutes les tables, tu n'as plus besoin de cibler la/les table(s) : suffit de boucler sur les td de la page.

L'avantage de l'id est de pouvoir faire clignoter une table et pas une autre (au niveau utilisateur et non serveur)

A+

**SpaceFrog** · 08/01/2009, 15h55

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
var i=0;
while(document.getElementByTagName('table')[i]){ 
TabCells=document.getElementByTagName('table')[i].getElementsByTagName('td')
 
....
i++;
}

arf grilled ...

**scavenger** · 08/01/2009, 17h07

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
18
19
20
function clignotte(mycell,Class){
  	mycell.className=(mycell.className=='Blank')?Class:'Blank';
		}
 
function run(mycell,Class){
 		mycell.flash=setInterval(function(){clignotte(mycell,Class)},500);
	 }
 
function populate(){
for (n=0; n<document.getElementsByTagName('table').length; n++) {
	TabCells=document.getElementsByTagName('table')[n].getElementsByTagName('td');
 	var i=0;
 	while(TabCells[i]){
         if(TabCells[i].className.indexOf("cligno")==0){
                 Class=TabCells[i].className.replace('cligno','');
         			 run(TabCells[i],Class)} 
         i++;
        }
 }
}

ne marche plus sous IE ...

**E.Bzz** · 08/01/2009, 17h15

Ton identifiant Class est peut être mal choisi.

Essaye avec un plus "perso"

EDIT : ceci dit, une description un peu plus précise (euphémisme !!) de l'erreur aurait été bienvenue

A+

**scavenger** · 08/01/2009, 18h30

booof, Class, class, la casse compte en js, non ?

bref j'ai tout changé ainsi et ça marche toujours très bien (ça clignotte avec 2 couleurs !) :

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
18
19
20
21
22
23
24
25
 
function clignotte(mycell,lesClass){
  	mycell.className=(mycell.className==lesClass[1])?lesClass[0]:lesClass[1];
		}
 
function callClignotte(mycell,lesClass){
 		mycell.flash=setInterval(function(){clignotte(mycell,lesClass)},500);
	 }
 
function lanceClignotage(){
alert(document.getElementsByTagName('table').length);
for (n=0; n<document.getElementsByTagName('table').length; n++) {
	var TabCells=document.getElementsByTagName('table')[n].getElementsByTagName('td');
 	var i=0;
 	while(TabCells[i]){
         if(TabCells[i].className.indexOf("cligno")==0){
                 lesClass=TabCells[i].className.replace('cligno','').split(' ');
         			 callClignotte(TabCells[i],lesClass)} 
         i++;
        }
 }
}
 
on écrit les TD comme ça :
<td class="clignoClass1 Class2">...</td>

Le truc c'est qu'il ne détecte que 1 tableau sous firefox, et 0 sous IE.
J'utilise également dojo que je déclare dans mon HEAD ... et mes tableaux sont dans ce qu'ils appellent des ContentPane, qui ne sont que des div...

Bref ça fatigue... un coup ça marche, et dès que j'ajoute beaucoup de code, pafff... Ca n'a rien à voir avec ce qui a été posté ici je pense, donc je vais chercher dans mon coin :'(

**scavenger** · 08/01/2009, 19h03

je confirme le caractère aléatoire de l'erreur

Ca fonctionne bien et ça détecte tous les tableaux 1 fois sur 5 en moyenne sous firefox

Sous IE "document.getElementsByTagName('table').length" retourne systématiquement 0

je n'ai cependant aucune erreur de code (j'utilise l'extention Web Developper 1.1.6 sous firefox)

**E.Bzz** · 09/01/2009, 09h48

Envoyé par scavenger

je confirme le caractère aléatoire de l'erreur

Ca fonctionne bien et ça détecte tous les tableaux 1 fois sur 5 en moyenne sous firefox

Sous IE "document.getElementsByTagName('table').length" retourne systématiquement 0

D'où est-ce que tu appelles la fonction ?
Dans le onload du <body> il ne devrait pas y avoir ce côté aléatoire

A+

**scavenger** · 09/01/2009, 13h41

c'est dojo toolkit qui fout la grouille

il empêche le comptage des balises contenues dans les containers

c relou, et leur forum y marche pas je ne peux pas m'enregistrer, je suis obligé d'aller sur l'irc pour leur parler et c des relous, isl répondent que quand ils ont le temps

RESOLU !

dojo + ContentPane = iFrames !!
Il faut mettre le onload=fonction() dans le <div> le plus lourd de la page, ainsi il sera chargé en dernier et fera bien son office.