XML+XSL pour Html avec fichiers son

**pwyll2** · 25/05/2011, 11h38

Bonjour,

Etant donné que j'ai posé des questions ici et là et que malgré tous les conseils je n'arrive pas à m'en sortir (parce que je suis nul

), je vais poser ma question plus directement :

j'ai le fichier XML suivant :

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
<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" href="mafeuilledestyle.xsl"?>
<database>
 
<lx>Mot1</lx>
<sf>../Exemple_1.mp3</sf>
 
<lx>Mot2</lx>
<sf>../Exemple_2.mp3</sf>
 
<lx>Mot3</lx>
<sf>../Exemple_3.mp3</sf>
 
<lx>Mot4</lx>
<sf>../Exemple_4.mp3</sf>
 
</database>

(au final j'aurai des milliers de mots et de petits extraits, mais pour l'exemple j'en ai mis que 4).
Je veux obtenir au final un document html comme ça :

-------------------------------------------
Mot1

Mot2

Mot3

Mot4

---------------------------------

Et que quand on clique sur ces petites icônes, ça joue à chaque fois le fichier son correspondant (en gardant visible la page Html, donc le lecteur de son peut être dans un pop-up séparé, par exemple).

Que dois-je mettre dans ma feuille de style XSL ? (sachant que je dois absolument utiliser une feuille de style XSL car j'aurais d'autres éléments de texte dans le vrai document, avec une mise en forme précise que je veux pouvoir modifier, donc XSL s'impose).

Merci d'avance!

**pwyll2** · 25/05/2011, 21h22

Personne ne sait?

**Loceka** · 26/05/2011, 07h56

Je t'ai déjà répondu :

écris une petite page HTML de test qui fonctionne pour un son
écris une feuille XSL qui génère le même code que dans ta page de test pour tous les sons présents dans ton XML

Si tu ne sais pas quoi mettre dans ta page HTML, tu n'es pas dans le bon forum (va plutôt voir côté HTML ou Javascript selon ce dont tu as besoin).

Une fois que tu sauras à quoi doit ressembler ta page HTML, tu n'auras normalement pas de soucis à écrire le XSL permettant de la générer. Cependant si tu as du mal à le faire à ce moment-là, tu pourras revenir ici, mais pas avant.

**pwyll2** · 26/05/2011, 11h21

Merci de ta réponse

Voici ma page Html :

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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
 
  <link rel="stylesheet" href="../stylesheets/lexiquepro.css" type="text/css">
 
  <script src="../javascript/hi.js" type="text/javascript"></script>
  <script src="../javascript/BatmoAudioPop.js" type="text/javascript"></script>
</head>
 
 
<body>
 
<b>test</b>
<a href="../audio/4.wav" target="_blank" onclick="javascript:BatmoAudioPop('Audio_file',this.href,'1'); return false"><img src="../images/sound-icon.png" border="0"></a>
</body>
</html>

Le problème, depuis le début, c'est que je sais pas comment faire pour que ça marche quand je mets "javascript:BatmoAudioPop..." dans une feuille XSL. Je sais pas où mettre le truc qui renverra à tous mes fichiers son, ni comment l'écrire. Je sais que l'adresse de mes fichiers son est entre les balises <sf> </sf> en XML, c'est tout.

Et en plus je sais pas comment faire pour que ma feuille de style génère du Html, jusqu'à présent elle ne fait que générer une page de Xml où mon texte mis en forme apparaît.
Merci de votre aide

**Loceka** · 26/05/2011, 11h35

En partant du principe que ta page HTML fonctionne en l'état et que ton XML est comme tu l'as écrit alors il te suffit "d'itérer" sur les <sf> de ton document :

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
<?xml version="1.0" encoding="ISO-8859-1"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
  <xsl:output method="html" version="4.0" encoding="iso-8859-1" indent="yes"/>
 
  <xsl:template match="/">
    <html>
      <head>
        <link rel="stylesheet" href="../stylesheets/lexiquepro.css" type="text/css"/> 
        <script src="../javascript/hi.js" type="text/javascript"></script>
        <script src="../javascript/BatmoAudioPop.js" type="text/javascript"></script>
      </head>
      <body>
        <xsl:apply-templates select="database/sf"/>
      </body>
    </html>
  </xsl:template>
 
  <xsl:template match="sf">
    <!-- Récupération du contenu du premier "lx" avant le "sf" actuel -->
    <b><xsl:value-of select="preceding-sibling::lx[1]"/></b>
    <!-- Récupération du contenu du "sf" actuel -->
    <a href="{.}" target="_blank" onclick="javascript:BatmoAudioPop('Audio_file',this.href,'1'); return false"><img src="../images/sound-icon.png" border="0"/></a>
  </xsl:template>
</xsl:stylesheet>

Si le code HTML que tu as écrit fonctionne et que les fichiers XML et XSL sont situés au même endroit que ton fichier HTML, il n'y a aucune raison que ça ne fonctionne pas.

**pwyll2** · 26/05/2011, 11h41

Merci!

J'ai pas capté ça :

Code :

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

1
2
3
4
5
6
<xsl:template match="sf">
    <!-- Récupération du contenu du premier "lx" avant le "sf" actuel -->
    <b><xsl:value-of select="preceding-sibling::lx[1]"/></b>
    <!-- Récupération du contenu du "sf" actuel -->
    <a href="{.}" target="_blank" onclick="javascript:BatmoAudioPop('Audio_file',this.href,'1'); return false"><img src="../images/sound-icon.png" border="0"></a>
  </xsl:template>

Pourquoi il y a un truc avec le "lx" dans le paragraphe sur le "sf"?
Normalement <xsl:template match="sf"> et <xsl:template match="lx"> (et les autres) sont au même niveau dans l'arborescence...

XML+XSL pour Html avec fichiers son

XSL/XSLT/XPATH XML

Vue hybride

Discussions similaires

Partager

Partager