Discussion :

[iks22]

Bonjour,

Object HTMLCollection, c'est le message que j'obtiens lorsque je fais un alert sur ce code javascript qui agit sur le tableau d'une page HTML:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
 
var rech = document.getElementsByTagName("th");
alert(rech);

Comment faire pour vraiment r�cup�rer ce qui est dans la balise th??

[Djakisback]

Salut, il faut que tu parcours la collection, ex :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
var rech = document.getElementsByTagName("th");
var str = "";
var rechCount = rech.length;
for(i = 0; i < rechCount; i++)	{
	str += " - " + rech[i].innerHTML;
}
alert(str);

Bye

[iks22]

j'ai essay� ton script, mais ca ne me renvoie rien dans le alert: il apparait une boite de dialogue vide et je ne peux cliquer que sur ok...

[Djakisback]

Il faudrait voir la structure de ton tableau, notamment ce qu'il y a dans les th mais tu peux essayer avec un exemple tout simple :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
<table>
<tr>
<th>un titre</th>
<td>ert</td>
<td>ertert</td>
</tr>
<tr>
<th>un autre titre</th>
<td>tyuty</td>
<td>erter</td>
</tr>
</table>

et faut pas oublier que tu peux acc�der � un �l�ment DOM que une fois qu'il a �t� construit, donc t'es oblig� de mettre le script apr�s le table

[dingoth]

... ou mettre toutes les instructions dans un window.onload= function(){ ... };

[iks22]

Il faudrait voir la structure de ton tableau, notamment ce qu'il y a dans les th mais tu peux essayer avec un exemple tout simple :

En fait, mon tableau est un code source de page HTML puisque je veux en faire ressortir des �l�ments... Voici un fragment de la structure (j'ai enlev� lle texte et quelques choses inutiles car c'est bien long):

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
26
27
28
29
30
31
32
33
34
35
 
<table width="548">
<tr>
      <td class=... colspan="8">...</td>
</tr>
<tr> 
      <td class=...></td>
      <td class=...></td>
      <td class=...></td>
      <td class=...></td>
      <td class=...></td>
      <td class=...></td>
      <td class=...></td>
    </tr>
    <tr>
<tr>
      <th width="30"> <a href="#"  tabindex="8" >6</a> <a href="#" title="****texte a récupérer****"></a> </th>
      <th width="30"> <a style="cursor:pointer" onMouseOver= ... </a> </th>
      <th width="130" style='white-space: nowrap;'> </th>
      <th width="30" style='white-space: nowrap;'> <a style="cursor:pointer"... </a> </th>
      <th width="30"> <a style="cursor:pointer" ... /></a> </th>
      <th width="150"> ... </a> </th>
      <th width="80"> <a style="cursor:pointer" onMouseOver= ... </a> </th>
      <th width="125" style='white-space: nowrap;'> </th>
</tr>
<tr>
      <th width="30"> <a href="#"  tabindex="9" >7 <a href="#" title="texte a récupérer"></a> </th>
      <th width="30"> <a style="cursor:pointer" onMouseOver=.../></a> </th>
      <th width="130" style='white-space: nowrap;'> <a href='#' ...
      <th width="30" style='white-space: nowrap;'> </th>
      <th width="30"> </th>
      <th width="150"> <a style="cursor:pointer" onMouseOver=...></a> </th>
      <th width="80"> <a style="cursor:pointer" onMouseOver=...</a> </th>
      <th width="125" style='white-space: nowrap;'> <a style="cursor:pointer" onClick=.../></a> <a href="buddy.php?session=0fa0e08dbadd&a=2&u=183158"><img src="http://80.237.203.201/download/use/lambda/img/b.gif" border="0" alt="Demander à être ami" title="Demander à être ami" /></a> </th>
</tr>

Je veux r�cup�rer ce qui est �crit "***texte a r�cup�rer****", il y en a deux...
J'avais le code que j'ai mis dans les posts pr�c�dent...
Quelqu'un a t il une id�e de pourquoi ca ne marche pas?
Le javascript est lanc� par une appilcation xul externe a la page html, c'est un menu firefox, donc lorsque le script est lanc�, le tableau a d�j� �t� g�n�r�...
Aidez moi!

[SpaceFrog]

heu tu confonds pas th et td ...
ta structure de tableau n'est pas valide !!!

[iks22]

C'est en tout cas ce que je trouve comme source en demandant a firefox...
Je sais que c'est bizarre, mais il semble que ca fonctionne...
C'est �galement la source que m'a affich� l'extension web developper de firefox...

Alors soit ces logiciels me donne une source erron�e, dans ce cas il me faut autre chose pour extraire ce code source...
Ou alors, il faut utiliser ce code source et en extraire le texte que je souhaite...

Mais seul, je n'y parviens pas et c'est pour ca que je me tourne vers des experts comme vous!
Aidez moi!!

[iks22]

Personne n'a d'id�e?
Peut etre y a t'il une autre solution de GetElementsByTagName?

[dingoth]

Comme te l'as dit SpaceFrog, ta structure n'est pas correcte : tu confonds <th> et <td>. Alors, soit ce code est le tien, et tu devrais changer tous tes <th> par <td> et invers�ment, soit ce code n'est pas le tien, et on s'en tiendra � �a, mais ne sachant pas sur quel pied danser, nous ne savons t'aider.

Edition : effectivement, SpaceFrog.

[SpaceFrog]

td pas tr ...


sinon pour la collection..

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

document.getElementsByTagName('table')[0].getElementsByTagName('th')

[iks22]

Ok, bon, admettons que je me sois tromp�, de toute facon, mon projet tombe a l'eau, car je ne sais meme pas si je travaille dans la bonne frame avec javascript.. alors... Je crois que je me suis lanc� dans quelque chose d'un peu trop compliqu� et comme je n'ai pas vraiment d'expert en extraction de donn�es HTML par javascript, je vais aller me recoucher...