Afficher des images triées dans un fichier XML avec XSL

**lino100** · 02/03/2014, 11h29

je suis débutant et je cherche à me former pour réussir à gérer un site (pour mon gite touristique ) sans avoir à louer une base de données.

en alternative à ActiveXObject que j'utilise sous IE (voir actuellement une page exemple active sous Internet explorer) :

http://www6.nordnet.fr/alberti/photosGiteExt.htm

je cherche une façon de programmer mes pages XSL pour
obtenir l'affichage (sous tous les navigateurs) des images dont le chemin est stocké dans un fichier XML qui me sert de base de données :

j'ai essayé : exemple 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
<?xml version="1.0" encoding="ISO-8859-1"?>
<?xml-stylesheet type="text/HTML" href="galerie_photo2ter.xsl"?>
<gite>
<photo>
<auteur>L.A.</auteur>
<cat>ext</cat>
<rub>paysage</rub>
<date></date>
<image src="/images/GitePanoreglcom650.jpg"/>
<titre>panorama </titre>
<dim> </dim>
</photo>
 
<photo>
<auteur>L.A.</auteur>
<cat>int</cat>
<rub>paysage</rub>
<date></date>
<image src="/images/gitSaM.jpg"/>
<titre>salle à manger </titre>
<dim>  </dim>
</photo>
</gite>

par un fichier XSL qui permet de le mettre en page et les trier selon la catégorie :

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
<?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" encoding="iso-8859-1" doctype-public="-//W3C//DTD HTML 4.01//EN"
doctype-system="http://www.w3.org/TR/html4/strict.dtd" indent="yes"/>
 
<xsl:template match="/">
<xsl:apply-templates select="img src"/>
 
<html>
<head>
</head>
<body bgcolor="white">
 
<xsl:for-each select="gite/photo">
</xsl:for-each>
 
 
<table align="center" border="5" bordercolor="#00185A" bgcolor="#ffffcc" length="650" width="650">
<tr  align="center" bgcolor="white"><td bgcolor="ivory" align="center"> 
<!--
<img src="{@src}"/>
-->
<img><xsl:attribute name="src">
<xsl:value-of select='@src'/></xsl:attribute></img>
 
<xsl:if test =".[cat=='ext']">
</xsl:if>
 
</td>
</tr>
</table>
 
</body>
</html>
 
</xsl:template>
</xsl:stylesheet>

le but est de sélectionner par critère et de ne voir affichées que les images triées par catégorie (CAT = ext) par exemple

Merci si vous pouvez m'orienter car tel que c'est : çà ne marche pas... enfin le fichier XSL n'active rien :
Quand je teste la lecture de mon fichier en apercu sous quelque-soit le navigateur.
les images apparaissent dans mon fichier XML mais sans aucune mise en forme ...
d'avance merci du conseil !

**tsuji** · 08/03/2014, 13h38

Quelque peu comme ça.

Code xml :

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:template match="/">
    <html>
    <head>
    </head>
    <body bgcolor="white">     
    <table align="center" border="5" bordercolor="#00185A" bgcolor="#ffffcc" length="650" width="650">
        <xsl:apply-templates select="gite/photo[normalize-space(cat)='ext' and image/@src]" />
    </tr>
    </table>
    </body>
    </html>
</xsl:template>
<xsl:template select="photo">
    <tr align="center" bgcolor="white">
        <td bgcolor="ivory" align="center"><img src="{image/@src}" alt="{image/@src}" /></td>
    </tr>
</xsl:template>

ps Les rendrements de style sont un peu archaic : on ne fait presque plus comme ça. On les fait plutôt avec css et attribut style in-line si nécessaire.

**lino100** · 17/03/2014, 23h32

Bonsoir Tsuji et merci de la suggestion.
j'ai testé la formule proposée en fichier xsl telle quelle avec mon fichier exemple XML

j'obtiens en résultat : avec aperçu sous Mozilla

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
 
L.A.
ext
paysage
 
 
panorama 
 
 
 
 
L.A.
int
paysage
 
 
salle à manger

soit : l'édition texte de mes données mais toujours pas l'affichage des images (ou plutôt ici la seule image dont la CAT est ext) ...
je ne comprends pas où peut être l'erreur.

avec aperçu sous IE et sous CHROME : çà ne passe pas.
merci si vous pouvez tester de votre coté.

**tsuji** · 18/03/2014, 07h10

Je ne vois que deux erreurs dans mon esquisse : ligne #8 </tr> qui ne serait pas là, et ligne #13 où "select" devrait être lu comme "match" - ils sont un peu évidentes que vous ne devriez les découvrir très facilement vous-même - peut-être je suppose trop !

Voici je re-liste le script.

Code xml :

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
<xsl:template match="/">
    <html>
    <head>
    </head>
    <body bgcolor="white">     
    <table align="center" border="5" bordercolor="#00185A" bgcolor="#ffffcc" length="650" width="650">
        <xsl:apply-templates select="gite/photo[normalize-space(cat)='ext' and image/@src]" />
    </table>
    </body>
    </html>
</xsl:template>
<xsl:template match="photo">
    <tr align="center" bgcolor="white">
        <td bgcolor="ivory" align="center"><img src="{image/@src}" alt="{image/@src}" /></td>
    </tr>
</xsl:template>

**lino100** · 20/10/2014, 10h39

Merci Tsuji pour votre réponse mais (j'ai du abandonner un temps mes recherches...) je viens de refaire un essai mais çà ne marche pas.

je regrette en effet de ne pas pouvoir détecter les éventuelles inexactitudes qui comme vous avez raison de dire : "ils sont un peu évidentes que vous ne devriez les découvrir très facilement vous-même - peut-être je suppose trop !"

je rappelle :
je suis toujours à la recherche d'une alternative à ActiveXObject que j'utilise sous IE pour faire afficher des images stockées en fichier xml (voir actuellement une page exemple active sous Internet explorer) :
http://www6.nordnet.fr/alberti/photosGiteExt.htm

pouvez-vous m'indiquer un didacticiel qui pourrait m'aider à comprendre ?

d'avance merci

**lino100** · 26/11/2014, 13h03

Bonjour

je désespère de pouvoir résoudre mon problème :

malgré les conseils précédents je ne parviens pas à faire afficher les images sous Firefox ou Google chrome alors qu'elles s'affichent sous IE.
quelqu'un pourrait-il analyser les exemples que je donne précédemment et me répondre ou m'indiquer un didacticiel qui parle de çà ?

Bien cordialement,

Afficher des images triées dans un fichier XML avec XSL

XML/XSL et SOAP

Vue hybride

Discussions similaires

Partager

Partager