Discussion :

[grenoult]

Bonjour,

J'ai créé un tableau dynamiquement avec PHP et il s'appelle tableaupersonnes. De plus, j'ai créé un tableau HTML (appelé tabpers) qui lui va se charger de la présentation et mise en page du tableau tableaupersonnes.

Après ça, j'ai créé une fonction JS qui cherche dans le tableau tableaupersonnes (JS) si le nom d'une personne est présent, si oui il l'affiche sinon il le cache (dans le tableau HTML).

Cependant ça ne fonctionne pas sous IE8, je me suis renseigné sur le nodeCleaner mais ça n'a pas l'air de changer le problème.

Voici le 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
18
19
20
21
22
function trierNom(cherche)
{
	var tbody = tabpers.getElementsByTagName("tbody")[0];
	var nom;
	var td;
	var reg = new RegExp(cherche,'i');
 
	for (i=0;i<tableaupersonnes.length;i++)
	{
		nom = tableaupersonnes[i][1];
		td = tbody.childNodes[i];
 
		if (nom.search(reg) >= 0) // trouvé
		{
			td.style.display = "table-row";
		}
		else
		{
			td.style.display = "none";
		}
	}
}

L'erreur trouvée sous IE8 est :

'style' a la valeur Null ou n'est pas un objet.

En faisant un alert, j'ai remarqué que ma variable "td" (JS) est indéfinie dans IE mais pas dans FF. Visiblement il n'arrive pas à récupérer les ChildNodes sous IE...

D'où vient le problème ?

Merci.

[SpaceFrog]

teste si le node est bien un td avant de lui coller un style

[grenoult]

Sous IE8, le td (JS) est "undefined" et le tbody est considéré comme un objet.

Pourquoi ?

Merci.

[SpaceFrog]

change de nom de variable
tbody => montbody

[grenoult]

Merci mais j'ai toujours le même problème. J'ai changé le nom de mes variables qui pouvaient poser un problème (tbody => montbody, td => montd) mais le problème persiste.

IE me renvoie l'erreur :

"'style' a la valeur Null ou n'est pas un objet."

Je redonne ma fonction avec les variables modifiées :

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
function trierNom(cherche)
{
	var montbody = tabpers.getElementsByTagName("tbody")[0];
	var nom;
	var montd;
	var reg = new RegExp(cherche,'i');
 
	for (i=0;i<tableaupersonnes.length;i++)
	{
		nom = tableaupersonnes[i][1];
		montd = montbody.childNodes[i];
 
		if (nom.search(reg) >= 0) // trouvé
		{
			montd.style.display = "table-row";
		}
		else
		{
			montd.style.display = "none";
		}
	}
}

Merci

[grenoult]

Problème résolu !

Ça venait du fait que j'avais mal déclaré certaines variables, et j'ai donc réutilisé des variables globales et là ça marche mieux.

Merci