[XSLT] Menu "NF" à l'aide d'un xml (éventuellement avec javascript)

**metrallik** · 05/09/2006, 21h44

Bonjour.
J'ai passé des heures à chercher, chercher et rien, de vagues bidouilles sans issue.

J'ai créé un xml. Je souhaite, par défaut, afficher tous les nom des trucs sur une page (sans leurs fils, à savoir les bidules). Ici je le fait à l'aide d'un xsl parce que je ne voyais pas d'autres solutions.

Le problème est le suivant : lorsque l'on clique sur le nom d'un truc, je souhaitrais que s'affiche (sous celui-ci) tous ses chers enfants les bidules !
Et quand on reclique, qu'ils disparaissent.

En fait, c'est à peu près ce que ferait firefox avec les "+" et les "-" si vous regardez le fichier machins.xml avec firefox.

C'est peut-être pas dur mais c'est impossible pour moi

Voici la source du xml :

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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<?xml version="1.0" encoding="iso-8859-1" standalone="yes"?>
 
<?xml-stylesheet type="text/xsl" href="machins.xsl"?>
 
<!DOCTYPE machins [
 
 <!ELEMENT machins (trucs+)>
 
  <!ELEMENT trucs (bidule+)>
 
  <!ATTLIST trucs nom CDATA #REQUIRED>
 
   <!ELEMENT bidule (#PCDATA)>
 
  <!ATTLIST bidule code ID #REQUIRED relatif IDREFS #IMPLIED>
 
]>
 
<machins>
 
   <trucs nom="maison">
 
     <bidule code="A-1" relatif="A-2 A-4">porte</bidule>
 
     <bidule code="A-2"                  >fenêtre</bidule>
 
     <bidule code="A-3"                  >cheminée</bidule>
 
     <bidule code="A-4"                  >volet</bidule>
 
   </trucs>
 
   <trucs nom="voiture">
 
     <bidule code="B-1" relatif="B-3">néon K2000</bidule>
 
     <bidule code="B-2"              >volant qu'on pète type "moumoute" professionnel</bidule>
 
     <bidule code="B-3"              >sapin qui sent bon</bidule>
 
   </trucs>
 
   <trucs nom="boîte">
 
     <bidule code="C-1"                  >chaussure</bidule>
 
     <bidule code="C-2"                  >cassoulet</bidule>
 
     <bidule code="C-3" relatif="C-1 C-4">vampire</bidule>
 
     <bidule code="C-4"                  >pochtron</bidule>
 
   </trucs>
 
</machins>

Voici la source du fichier machins.xsl qui le représente PAR DEFAUT :

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
 
<?xml version="1.0" encoding="iso-8859-1"?>
 
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
 
 <xsl:template match="/">
 
  <xsl:for-each select="machins/trucs">
 
   <span style="font: bold 12px verdana">
 
    <xsl:value-of select="@nom" /><br />
 
   </span>
 
<span><br /></span>
 
  </xsl:for-each>
 
 </xsl:template>
 
</xsl:stylesheet>

Merci d'avance à tous.

**valal** · 06/09/2006, 11h53

tu trouvearas plus de reponse dans la forum html/javascrip je pense..

sinon, tu met des id sur tes <div> englobants et tu joue sur la propriete "display" hidden/none...et avec du javascript basique tu auras ce que tu veux..

**metrallik** · 09/09/2006, 14h35

Bonjour.

Je vais donc plutôt partir dans votre direction : le javascript.
Oui, j'ai déjà essayé mais la façon dont je créé le xsl (avec xsl:for-each) ne me permet pas ça ; mon nouveau xsl sera par exemple :

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
36
37
38
39
<?xml version="1.0" encoding="iso-8859-1"?>
 
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
 
 <xsl:template match="/">
 
  <xsl:for-each select="machins/trucs">
 
   <span style="font: bold 12px verdana">
 
    <xsl:value-of select="@nom" /><br />
 
   </span>
 
<div id="toto">
 
<xsl:for-each select="bidule">
 
    <span style="font: 9px verdana">
 
     <li>
 
      <xsl:value-of select="." />
 
     </li><br />
 
    </span>
 
</xsl:for-each>
 
</div>
 
<span><br /></span>
 
  </xsl:for-each>
 
 </xsl:template>
 
</xsl:stylesheet>