Récupérer les rows d'un élément table (IE vs Firefox)

Version imprimable

12/12/2011, 17h20
venegan

Récupérer les rows d'un élément table (IE vs Firefox)
Bonjour,

J'ai le problème suivant :

J'ai un doc constitué à peu près comme ceci :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 <table> <tbody> <form> <tr></tr> </form> </tbody> <tbody> <form> <tr></tr> </form> </tbody> </table>
J'essaie de récupérer les "<tr>" à l'aide des collections .rows appliqué sur la table ou le tbody mais avec IE :
- si je fais un table.rows il ne récupère que les tr du premier tbody
- si je fais un tbody.rows il ne récupère que des tr qui ne sont pas entre des balises form

Alors qu'avec Firefox ou Opera ça fonctionnne sans soucis :(
12/12/2011, 17h23
SpaceFrog
Code:

1 2 3 <form> <tr></tr> </form>
C'est quoi ce form qui vient perturber la struture du tableau ?????

on ne peut pas intercaler des balises comme ça !!!
12/12/2011, 17h34
venegan

Pas la peine de m'engueuler c'est pas mon code :mrgreen:
Je fais juste que le débugger. :o
13/12/2011, 08h25
SpaceFrog

Je ne t'engueule pas ...:calim2:
C'est juste que du code comme ça, ça pique les noeils !

Bon ben commence par debuguer le html en respectant la structure d'une balise table.
13/12/2011, 17h19
andry.aime

Bonsoir,
Un table ne doit avoir qu'une seule balise tbody. Sinon, tu peux récupérer les éléments tr avec getElementsByTagName("tr").

A+.
13/12/2011, 18h05
NoSmoking

Citation:

Envoyé par andry.aime

Bonsoir,
Un table ne doit avoir qu'une seule balise tbody.

plusieurs TBODY sont autorisés :fleche: http://www.w3.org/TR/html4/struct/tables.html#h-11.2.3

Citation:

Sinon, tu peux récupérer les éléments tr avec getElementsByTagName("tr").

pour les constructions un peu... cela reste la meilleur solution
14/12/2011, 08h17
Bovino

Il existe aussi la collection rows liée aux balises <body>, <thead>, <tfoot> ou <tbody> ;)
15/12/2011, 11h20
venegan

Merci pour vos réponses.

J'avais tenté le .rows sur le Tbody mais le souci reste le même.
En fait le corps de ma page est généré par du java c'est pour ça que je voulais pas trop y toucher (ie : pour pas revoir tout le mode de génération de la page).

J'ai creuser un peu et apparement en changer le doctype de strict à transitional et en enlevant un balise <meta http-equiv="X-UA-Compatible" content="IE=8" />
la fonction javascript marche mieux, est ce qu'a votre avis il y a moyen de finter juste la fonction "js" ?
15/12/2011, 11h27
Bovino

Citation:

pour pas revoir tout le mode de génération de la page

C'est pourtant le plus important à faire !
Tant que la structure de ta table sera incorrecte (notamment les balises <form> mal positionnées), tu ne pourras pas appliquer de rustine efficace !

Citation:

est ce qu'a votre avis il y a moyen de finter juste la fonction "js" ?

Non, tu ne peux pas faire croire à JavaScript que ta structure HTML est correcte si elle ne l'est pas... :roll:
15/12/2011, 19h58
Watilin

À la limite, tu pourrais recréer en JS un parseur HTML qui accepterait ce genre de structure scabreuse… Mais ça risque de demander pas mal de boulot :aie:
15/12/2011, 20h06
Bovino

Citation:

Envoyé par Watilin

À la limite, tu pourrais recréer en JS un parseur HTML qui accepterait ce genre de structure scabreuse… Mais ça risque de demander pas mal de boulot :aie:

Pas sûr... le comportement des navigateurs devant une structure HTML erronée ne peut être garantit. Et à priori, la plupart tentent de "remanier" le HTML pour le rendre le plus conforme possible.
15/12/2011, 20h30
SpaceFrog

Beef je pense que Watoo imaginait comme moi la recuperation d'un innerHTML
=> parsage de texte

Mouais...

Code:

1
2
3
4
5
6
7
8
9
10
11
<!doctype html>
<html lang="fr">
<head>
	<meta charset="utf-8" />
	<title>Malformed HTML</title>
</head>
<body>
	<div id="mauvais"><span>HTML non <strong>valide</span></div>
<script>alert(document.getElementById('mauvais').innerHTML);</script>
</body>
</html>

affiche

Code:

<span>HTML non <strong>valide</strong></span>

:mrgreen:

EDIT :
et

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!doctype html>
<html lang="fr">
<head>
	<meta charset="utf-8" />
	<title>Malformed HTML</title>
</head>
<body>
	<table>
		<tbody id="mauvais">
			<form>
				<tr></tr>
			</form>
		</tbody>
		<tbody>
			<form>
				<tr></tr>
			</form>
		</tbody>
	</table>
	<script>alert(document.getElementById('mauvais').innerHTML);</script>
</body>
</html>

affiche

Code:

1
2
<form></form>
	<tr></tr>

15/12/2011, 21h26
andry.aime

Je ne vois pas trop l'intérêt.
masturbation intellectuelle ?
16/12/2011, 08h42
SpaceFrog

Trouver une excuse pour pondre du code pourri :aie:
16/12/2011, 16h43
venegan

Alors j'ai résolu mon problème en gettant les éléments par le tag TR.
J'espère qu'il aura pas de régression :mrgreen:

Merci pour vos avis;)