[XSLT] transformation HTML problème sur les attributs

Version imprimable

4 pièce(s) jointe(s)

Bonjour,

je débute dans le monde du XML/XSL veuillez m'en excuser si ma question est stupide.

J'ai une page qui affiche via un fichier XSL un fichier XML.
Tous les fichiers sont ci-joint.

Ce fichier XML est architecturé de la façon suivante:

Code:

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
 
<srfil>
  <msg num="1">
    <msgbrut>
      <nom>Message SRFIL</nom>
      <valeur>
         .......
      </valeur>
    </msgbrut>
    <msgdecode>
      <info sigle="evt">
        <code>evt</code>
        <nom>Evènement</nom>
        <valeur>21</valeur>
        <desc>Emission d'un message de positionnement</desc>
      </info>
      <info sigle="date">
        <code>date</code>
        <nom>Date</nom>
        <valeur>01/12/2010</valeur>
      </info>
      <info sigle="heure">
        <code>heure</code>
        <nom>Heure</nom>
        <valeur>02:00:29</valeur>
      </info>
      <info sigle="am">
        <code>am</code>
        <nom>Station</nom>
        <valeur>0481</valeur>
        <desc>SMB2</desc>
      </info>
    </msgdecode>
  </msg>
</srfil>

dans mon fichier XSL je souhaite, pour chaque message contenant

Code:

1
2
3
4
5
 
<info sigle="evt"> 
  ...
  </valeur>00</valeur>
</info>

ajouter des information de style CSS

j'ai essayer ceci mais, cela m'applique le style pour tous les messages...

Code:

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
 
<xsl:template match="/">
  <xsl:for-each select="srfil/msg">
 
    <xsl:if test="msgdecode/info[@sigle='evt']/valeur='00'">
    <style>
      #msg
      {
        color : blue;
      }
    </style>
    </xsl:if>
 
    <div id="msg">
      <div id="msgbrut">
          <div class="msgbrutname"><xsl:value-of select="msgbrut/nom"/></div>
          <div class="msgbrutcontent">
            <xsl:for-each select="msgbrut/valeur/line">
              <p><xsl:value-of select="." /></p>
            </xsl:for-each>
          </div>
      </div>
      <div id="msgdecode">
        <xsl:for-each select="msgdecode/info">
          <div id="info">
            <div class="nom"><xsl:value-of select="nom"/></div>
            <div class="code"><xsl:value-of select="code"/></div>
            <div class="valeur"><xsl:value-of select="valeur"/></div>
            <div class="desc"><xsl:value-of select="desc"/></div>
            <div class="detail"><xsl:value-of select="detail"/></div>
          </div>
        </xsl:for-each>
      </div>
  </xsl:for-each>
</xsl:template>
 
</xsl:stylesheet>

SI quelqu'un peut m'aider à comprendre ce qui ne vas pas

Ça ce n'est pas débuter en XSLT, c'est débuter en HTML.

- Un id doit être unique dans le document. Donc tu ne peux pas mettre id="msg" dans une boucle, puisque ça veut dire que ça arrivera plus d'une fois.

- Si tu utilises une balise <style>, il faut en faire une seule dans le <head> du document HTML, et la référencer avec class="machin" dans les éléments qui doivent l'appliquer.

Exemple en HTML :
Code:

1 2 3 4 5 6 <style> siglevent { color: blue; } <style> ... <div class="siglevent"> </div>
Si cela ne te semble pas évident, oublie XSLT*pour l'instant et concentre-toi sur l'apprentissage de HTML. Chaque chose en son temps.

Faire ça en XSLT :
Code:

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 <xsl:template match="/"> <html> <head> <style> siglevent { color: blue; } <style> </head> <body> <xsl:for-each select="truc"> <div> <xsl:if test="machin"> <xsl:attribute name="class">siglevent</xsl:attribute> </xsl:if> <div>Machin</div> <div>Bidule</div> ... </div> </xsl:for-each> ... <div class="siglevent"> </div> </body> </html> </xsl:template>
- Plus simple : sans balise <style> mais avec un attribut style="color: blue".

En HTML :

Code:

<div style="color: blue">

Si tu connais pas, laisse tomber XSLT et apprends d'abord HTML, bis repetita.

Faire ça en XSLT :
Code:

1 2 3 4 5 6 7 8 9 10 <xsl:for-each select="truc"> <div> <xsl:if test="machin"> <xsl:attribute name="style">color: blue</xsl:attribute> </xsl:if> <div>Machin</div> <div>Bidule</div> ... </div> </xsl:for-each>

02/12/2010, 14h28
mamax29
Salut,

Merci pour l'explication.

En fait peu de temps après je m'était rendu compte de la stupidité de la commande:
Code:

1 2 3 4 5 6 7 8 9 <xsl:if test="msgdecode/info[@sigle='evt']/valeur='00'"> <style> #msg { color : blue; } </style> </xsl:if>
Qui fatalement ajoute le style pour la totalité de la page...

en tout cas merci pour ton aide. Je ne connaissait pas la commande:

Code:

<xsl:attribute />