Voor de herkansing van XML heb ik een stylesheet gemaakt voor een voorgerecht: carpaccio.

Hier een apart linkje voor de XSLT

 Ervaring:

Even over mijn ervaring, ik snapte namelijk helemaal geen bal van XSLT. Maar dankzij een duwtje in de rug van een klasgenoot (Bram bedankt) zag ik ineens het licht, en voila!

 Uitleg XSLT

Ik heb gebruik gemaakt van tabellen, omdat ik dat in een recept heel overzichtelijk vind. Per onderwerp zie je een tabel in een aparte kleur.

Ik zal even een stukje code uitleggen:

<table width=”50%” border=”1″ bgcolor=”LemonChiffon”> opent de tabel op 50% van het scherm met een rand van 1 pixel en met een tabelachtergrondkleur.
     <tr bgcolor=”#D80738″> dit is de kleur voor de verschillende onderwerpen en verschilt dus per tabel
       <th>Benodigdheden</th> Hier definieer ik de verschillende onderwerpen
       <th>Hoeveelheid</th>
    <th>Eenheid</th>
 
     </tr>
     <xsl:for-each select=”recept/benodigdheden/ingredient”> Hier geef ik aan dat voor elke ingredient wat in de structuur recept/benodigdheden/ingredient staat, ik het volgende op het scherm wil zien:
 
   <tr>
      <td><xsl:value-of select=”naam”/></td>: ik wil alle namen zien
      <td><xsl:value-of select=”hoeveelheid”/></td>: alle hoeveelheden
   <td><xsl:value-of select=”eenheid”/></td> : en alle eenheden

De rest van de stylesheet is precies hetzelfde opgemaakt.

Zo zou je ook te werk kunnen gaan voor het hoofdgerecht en het toetje want die hebben dezelfde xml structuur.