Javascript FF et IE

Version imprimable

Javascript FF et IE

Bonjour,

j'aimerais rendre ce code comptabile pour IE

Code:

1
2
3
4
5
6
7
8
9
10
function voir(name){
	table = document.getElementsByName(name);
	for (l=0;l<table.length;l++){ 
		if(table[l].style.display == ''){ 
			table[l].style.display = 'none'; 
		}else{
			table[l].style.display = ''; 
		}
	}
}

Merci d'avance

15/12/2008, 10h37
Maxoo

Et si tu nous disais le message d'erreur que tu as avec IE ?
Ou ce qui ne fonctionne pas ?
15/12/2008, 10h41
Yep_yep

Le fonction fonctionne sous firefox et donc ça cache ou pas des lignes d'un tableau alors que sous IE j'ai beau cliquez sur le lien rien ne se "décache"....
15/12/2008, 10h42
RomainVALERI
tu fais ton test pour le display de chaque élément en faisant
Code:

1 2 if(table[l].style.display == '')
Or, la valeur par défaut des éléments qui vont être testés par ta boucle auront la valeur par défaut déterminée par leur nature (ex pour un SPAN : "inline"), mais jamais ""... (ou en tout cas c'est ce que j'ai toujours cru... à confirmer par un boss de passage si possible ;))
Au contraire, tu peux assigner "" à la propriété display du style d'un élément, mais ça permet de rendre à cet élément la valeur par défaut liée à son type.
Je ne sais pas si c'est la cause du souci (car comme dit maxoo il nous faudrait un peu plus d'infos ^^) mais c'est préoccupant...

edit après avoir vu la localisation de Yep Yep : Nancy en force ! ;)

Essaie ça :

Code:

1
2
3
4
5
6
7
8
9
10
function voir(var_name){
	tableau = document.getElementsByName(var_name);
	for (l=0;l<tableau.length;l++){ 
		if(tableau[l].style.display == ''){ 
			tableau[l].style.display = 'none'; 
		}else{
			tableau[l].style.display = ''; 
		}
	}
}

Car IE à des variables internes qu'on ne peut pas utiliser.

15/12/2008, 10h50
Yep_yep

Désolé Maxoo,

Même chose, ça marche sous FF mais pas sous IE.....
15/12/2008, 10h52
Maxoo

Citation:

Envoyé par Yep_yep

Désolé Maxoo,

Même chose, ça marche sous FF mais pas sous IE.....

Et tu pourrais nous donner l'endroit où tu l'exécutes ?
15/12/2008, 10h55
RomainVALERI

Sur quelle version d'IE est-ce que ça ne marche pas ? parce qu'en fonction de la version il y a divers outils de débuggage qui pourraient donner des informations plus précises et plus utiles pour te sortir de là ^^
15/12/2008, 10h55
Yep_yep

Voilà

Code:

<td title="Cliquez ici pour afficher les sujets présents dans le thème" onClick="javascript:voir("identifiant");" >");

Ligne a cacher/afficher

Code:

<tr name="identifiant" style="display: none;" >");
15/12/2008, 10h58
Maxoo

utilise les ID quand tu cible une ligne en particulier, ça marchera surement mieux ;)

Sinon commence par faire des alert() de ton tableau, pour voir ce qu'il récupère de GEBN, fait un peu de debugging ;)
15/12/2008, 11h01
Yep_yep

En fait, j'utilise la récupération par nom vu qu'il y a plusieurs lignes à afficher/cacher.
15/12/2008, 11h05
le_chomeur

moi je regarderais plutôt du coté de getElementsByName qui pose problème ;)
15/12/2008, 11h05
Maxoo

Citation:

Envoyé par Yep_yep

En fait, j'utilise la récupération par nom vu qu'il y a plusieurs lignes à afficher/cacher.

Oki, mais fais des tests sur ton code sous IE, et dis nous ce que tu trouves.
15/12/2008, 11h13
Yep_yep
Première "erreur" que je trouve
Code:

1 2 tableau = document.getElementsByName(var_name); alert(tableau.length);
Résultat FF = 3 --> C'est la bonne longeur

Résultat IE = 1 :cry:
15/12/2008, 11h14
Maxoo

Continue.
Fais un alert(tableau)
15/12/2008, 11h16
Yep_yep
Code:

1 2 tableau = document.getElementsByName(var_name); alert(tableau);
Résultat FF = object HTMLCollection

Résultat IE = object
15/12/2008, 11h20
Maxoo

A la base les deux fonctions ne fonctionnent pas de la même manière sous IE et firefox.

Donc tu pourra pas allez plus loin ;)

A part utiliser getElementById ou getElementsByTagName
15/12/2008, 11h22
Yep_yep

:cry::cry::cry::cry::cry::cry::cry::cry::cry:

Faut que je trouve un moyen que ça marche.....
15/12/2008, 11h33
Yep_yep

Pourtant d'après ce que j'ai lu la fonction getElementsByName() marche aussi bien sous FF que IE depuis la version 5 de IE.

Alors je ne comprends vraiment pas pourquoi cela ne marche pas :bug:
15/12/2008, 11h35
Maxoo

une question comme ça, tu peux nous dire comment s'appelle tes TR ?

Code:

<tr name="koi"
15/12/2008, 11h38
Yep_yep
Code:

1 2 3 <tr name="1"> <tr name="2"> <tr name="3">
Et ainsi de suite.
15/12/2008, 11h41
Maxoo
Citation:
Envoyé par Yep_yep

Code:

1 2 3 <tr name="1"> <tr name="2"> <tr name="3">

Et ainsi de suite.
Oki, appelle les :
Code:

1 2 3 <tr name="tr_1"> <tr name="tr_2"> <tr name="tr_3">
C'est peut être à cause de ça que IE plante.
15/12/2008, 11h45
Yep_yep

J'ai fait une alert pour vérifier que c'est le bon qui est en paramètre de la fonction et c'est le bon.

Même en changeant 1 par tr_1 cela ne change rien.... Je désespère....

essayes :

Code:

1
2
3
4
5
6
7
8
9
10
function voir(idTableau){
	var listeLigne = document.getElementById(idTableau).getElementsByTagName('tr');
	for (var i =0 , l = listeLigne.length ;i < l;i++){ 
		if(listeLigne[i].style.display == ''){ 
			listeLigne[i].style.display = 'none'; 
		}else{
			listeLigne[i].style.display = ''; 
		}
	}
}

en passant L'id de ton tableau :)

15/12/2008, 12h07
Yep_yep

Sachant que j'ai plusieurs lignes "principales" qui sont afficher en tout temps et à partir de ces lignes j'affiche des lignes spécifiques, je ne peux pas utiliser cette fonction.......

:bug::cry:
15/12/2008, 12h17
Yep_yep

J'ai trouve la solution. :yaisse2::yaisse2:

En fait, sous IE la fonction getElementsByName() cherche les balise "id", oui c'est complètement stupide....

Donc j'ai fait :

Code:

<tr name="1" id="1"

et ça marche !

Merci pour votre aide
15/12/2008, 12h46
Maxoo

Citation:

Envoyé par Yep_yep

J'ai trouve la solution. :yaisse2::yaisse2:

En fait, sous IE la fonction getElementsByName() cherche les balise "id", oui c'est complètement stupide....

Donc j'ai fait :

Code:

<tr name="1" id="1"

et ça marche !

Merci pour votre aide

Oki, c'est bon à savoir ;)
15/12/2008, 13h07
le_chomeur

8O mouai pas la meilleur méthode a mon avis ... si tu veux taper sur les id , utilise les id , car name est a utiliser sur un élément de formulaire et non sur une ligne de tableau ...
15/12/2008, 13h30
Yep_yep

C'est peut-être pas la meilleure solution mais cela permet de faire marcher ce script sur FF et IE
15/12/2008, 13h35
le_chomeur

. . . :roll:

Bon courage pour la suite ^^
15/12/2008, 13h36
Yep_yep

Merci surtout que la j'adapte tout un site de FF vers IE...... Je risque d'avoir pas mal de souci au niveau du Css.....