Discussion :

[kobe]

Bonjour à tous!
Voilà, je suis un gros gros débutant en javascript et en réalité je dois juste m'en servir pour réaliser un "treeview" d'un document XML avec XSL.
Pour cela, j'ai repris un code qu'un utilisateur de ce forum avait posté dans la section XML, mais je veux complétement remanié l'affichage...

En fait ma question est simple puisque je désirerais, à partir d'un script, pouvoir accéder à tous les objest d'un certain type dans mon document.

Par exemple dans le treeview, j'aimerais lorsque je clique sur la balise <tr> contenant l'élément racine de mon document XML, que tous les autres objets <tr> du document prennent le style="display:none"...

Voilà donc en clair, si vous pouviez m'aider en m'apportant quelques méthodes pour naviguer dans les objets et leur affecter de nouvelles propriétés, ça serait super sympa!

Voilà, j'espère avoir été assez clair, merci d'avance!

[SpaceFrog]

Code :

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

document.getElementsByTagName('tr')

retourne la collection de tr du document

Code :

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

document.getElementsByTagName('tr').length

sa longueur ...


reste à boucler sur

Code :

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

for (i=0;i<document.getElementsByTagName('tr').length;i++)

pour tester le style.display

[kobe]

Merci beaucoup, j'vais tester tout ça de suite!

[kobe]

Euh, excuse moi mais je ne vois pas comment on fait pour accéder a un élément en particulier dans la boucle, celui correspondant à l'indice du i en fait? J'sui vraiment un gros débutant!

[SpaceFrog]

exemple :

Code :

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

1
2
3
4
TabTr=document.getElementByTagName('tr')
for (i=0;i<TabTr.length;i++){
      TabTr[i].style.display=(TabTr[i].style.display=='')?'none':'';
 }

[kobe]

Désolé, mais je fais remonter car je me demandais s'il était possible d'utiliser un objet "tr" bien précis quand on connait son nom, à la maniére d'un:

Code :

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

document.images["plus_principal"].src="./images/moins.gif";

En gros, comment s'appelle la classe d'objet des "tr"? Merci d'avance!

[kobe]

Svp, si quelqu'un le sait...ça serait sympa!

[Mr N.]

tu mets un id sur ton tr bien précis, puis tu le retrouve grâce à

Code :

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

document.getElementById('ton_id_ici');

[kobe]

Merci pour cette réponse!
Par contre, dans mon cas précis, je fais une fonction appelé récursivement pour l'affichage d'un document XML et en réalité, j'ai plusieurs élément "tr" qui vont porter le même id, et je ne vois pas comment arriver à les différencier pour gérer leur affichage respectif...

[Mr N.]

Tu n'as pas le droit d'avoir plusieurs éléments avec le même id. Trouve une autre solution comme l'attribut name par exemple. getElementsByName('name') te retournera une collection d'éléments.

[kobe]

Oui mais c'est le problème retourné à l'envers, parce que pour les noms, c'est la même chose vu que l'appel est récursif,donc à chaque appel le nom est identique...(je déteste la récursivité... )

[kobe]

Bon, je fais remonter le topic car j'ai un peu avancé, mais il me reste encore et tjs ce problème d'identification d'éléments...
Voici la partie de mon XSL qui pose un problème:

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
 
<xsl:when test="*"> 
    <tr>
                  <td style="display:none" name="secondaire" width="100%" align="center" class="LIGNE2" onclick="javascript:affiche_cache(this);" >
                      <img name="signe_secondaire" src="./images/plus.gif" />
                      <xsl:text> </xsl:text>
                      <xsl:attribute name="colspan"><xsl:value-of select="count(child::*)"/></xsl:attribute>
                      <b><xsl:value-of select="name()"/></b>
                      <br />(<span class="ATTRIBUT"><xsl:for-each select="@*"><b><xsl:value-of select="name()"/></b> : <i><xsl:value-of select="."/></i>  </xsl:for-each></span>)
                  </td>
    </tr>  
                <tr id="trfinal" style="display:none" > 
                  <td name="final" width="100%" align="center" class="FERME" >
                    <xsl:apply-templates select="*"/>
                  </td>
                </tr>
            </xsl:when>

Cette partie est appelée plusieurs fois et au niveau du nom de l'image, cela coince! En effet, dans mon javascript je souhaite changer l'image (soit le signe + soit le signe -, suivant l'état du treeview). Seulement, si dans mon code javascript je fais:

Code :

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

1
2
 
document.images["signe_secondaire"].src=...

Ca ne marche que pour la dernière image portant ce nom, les précédentes semblant ne pas avoir de nom justement...

Donc voilà, si quelqu'un a une solution pour que toutes les images aient un nom bien différent que je puisse exploiter, je suis vraiment preneur, et ça serait super sympa!!! Merci d'avance!

[denisC]

document.images["signe_secondaire"].src=...

Normal, document.images['blabla'] est un vecteur d'élements. Fais une boucle dessus (for...) et pour chacune des images de ce vecteur change le src de l'image...

[kobe]

Euh oui, mais je ne veux pas changer l'image pour toutes les balises en fait, seulement pour une seule(celle concerné par le déploiement de son fils), dont je ne connais pas le nom et que je ne peux identifier clairement à l'heure actuelle...