Une bonne galère c'te question...
j'ai fini par trouver grâce à l'ébauche de la faq
[url]http://www.developpez.net/forums/viewtopic.php?t=90007[/url]
Donc merci à grégory.
pour les débutants qui tomberaient ici, je vais essayer d'expliquer la solution,
pour les pros, vos commentaires, conseils et corrections seront gratifiés :
DTD simplifiée :
[code]
<!ELEMENT site (parametres,page+)>
<!ELEMENT page (paragraphe+)>
<!ELEMENT paragraphe (image+)>
<!ATTLIST paragraphe pos_page ID #REQUIRED>
<!ELEMENT image (#PCDATA)>
<!ATTLIST image l_orig NMTOKEN #REQUIRED h_orig NMTOKEN #REQUIRED>
[/code]
Exemple xml :
[code]
<!DOCTYPE librairie SYSTEM "generique.dtd">
<site>
<page>
<paragraphe pos_page="ab2">
<image l_orig="600" h_orig="398">exemple3.jpg</image>
<image l_orig="600" h_orig="511">exemple4.jpg</image>
<image l_orig="600" h_orig="426">exemple5.jpg</image>
</paragraphe>
<paragraphe pos_page="ab1">
<image l_orig="600" h_orig="404">exemple1.jpg</image>
<image l_orig="600" h_orig="404">exemple1.jpg</image>
<image l_orig="600" h_orig="404">exemple1.jpg</image>
</paragraphe>
<paragraphe pos_page="ab3">
<info>Info du paragraphe3</info>
<image l_orig="600" h_orig="180">exemple2.jpg</image>
<image l_orig="600" h_orig="180">exemple2.jpg</image>
</paragraphe>
</page>
</site>
[/code]
Contraintes :
[code]
Le <p>paragraphe</p> doit contenir toutes les images sur une ligne
La largeur du paragraphe est imposée ($larg_page)
La hauteur des images sera identique
Le ratio hauteur/largeur des images ne doit pas être modifié
[/code]
Après un bon moment passé sur papier, j'abouti au résultat suivant :
[code]
l_new = (l_orig * larg_page) / (h_orig * tot_ratio)
h_new = (l_new * (h_orig / l_orig)
avec tot_ratio = somme de tous les rapports (l_orig / h_orig)
[/code]
La difficulté vient principalement de ce calcul tot_ratio,
qui ne peut être réalisé simplement avec un
[code]
"sum(@l_orig div @h_orig)"
[/code]
D'après grégory, la seule solution est la méthode itérative
(puisqu'une xls:variable est en fait une constante :-/)
Plongeons et creusons pas à pas notre trou (ou plutôt résultat) :
Le principe consiste à calculer le ratio de la première image,
puis de le "transmettre" à l'image suivante, qui l'additionnera
à son propre ratio avant de l'envoyer à l'image d'après.
Lorsqu'il n'y a plus d'image, il n'y a plus de ratio à calculer,
on affiche alors la valeur qui a été transmise par l'image précédente,
(qui était logiquement la dernière du paragraphe).
Techniquement, on utilisera une fonction avec deux paramètres :
- la somme des ratios envoyée par l'image précédente
- la "référence" de l'image courante, celle qu'il faut traiter
[code]
<!-- Définition de la fonction -->
<xsl:template name="somme_ratios">
<!-- et ses deux paramètres -->
<xsl:param name="total"/>
<xsl:param name="position"/>
<!-- Ici viendra l'implémentation de la fonction -->
</xsl:template>
[/code]
La fonction doit être capable de lire la largeur et la hauteur de l'image courante :
Rq : on prendra soin d'appeler cette fonction à partie d'un noeud parent de image,
donc à partir de paragraphe dans notre cas.
[code]
<xsl:variable name="largeuri"><xsl:value-of select="image[position()=$position]/@l_orig"/></xsl:variable>
<xsl:variable name="hauteuri"><xsl:value-of select="image[position()=$position]/@h_orig"/></xsl:variable>
[/code]
Mais que se passe-t-il si la position à laquelle nous nous trouvons ne correspond plus à une image ?
Nous renverrons le résultat !
Il va falloir tester cette condition :
[code]
<xsl:choose>
<xsl:when test="$position <= count(image)">
<!-- en clair : test="$position <= count(image)", ou encore
notre position
actuelle est-elle inférieure ou égale au nombre d'images de ce
paragraphe ? -->
<!-- C'est le cas général, il y a une image à cette position -->
</xsl:when>
<xsl:otherwise>
<!-- Sinon, il n'y a plus d'image, on renvoie le résultat -->
</xsl:otherwise>
</xsl:choose>
[/code]
Dans le cas général, il faudra calculer le ratio de l'image courante,
l'additionner à la somme des ratios des images précédentes, et
transmettre le tout à l'image suivante (qu'elle existe ou pas, nous
avons vu que si elle n'existe pas, on prend alors la décision de
renvoyer le résultat) :
c'est là qu'intervient la récursivité, nous sommes dans une fonction et nous rappelons cette même fonction,
mais avec des paramètres qui auront évolués (le $total a changé, et la position est incrémentée) :
[code]
<xsl:call-template name="somme_ratios">
<xsl:with-param name="total"><xsl:value-of select="$total+$largeuri div $hauteuri"/></xsl:with-param>
<xsl:with-param name="position"><xsl:value-of select="$position+1"/></xsl:with-param>
</xsl:call-template>
[/code]
Dans le cas final, on se contente d'afficher le total passé en paramètre
(pour les sceptiques : ça marche !)
[code]
<xsl:value-of select="$total"/>
[/code]
Assemblons le tout :
[code]
<!-- définition de la fonction et de ses deux paramètres -->
<xsl:template name="somme_ratios">
<xsl:param name="total"/>
<xsl:param name="position"/>
<!--Dans quel cas somme-nous ? -->
<xsl:choose>
<!-- 1: oui, il existe une image -->
<xsl:when test="$position <= count(image)">
<!-- définition des deux variables
largeur et hauteur (lecture d'attributs) -->
<xsl:variable name="largeur_i">
<xsl:value-of select="image[position()=$position]/@l_orig"/>
</xsl:variable>
<xsl:variable name="hauteur_i">
<xsl:value-of select="image[position()=$position]/@h_orig"/>
</xsl:variable>
<!-- calcul du ratio l/h de cette image -->
<xsl:variable name="ratio_i">
<xsl:value-of select="number($largeuri div $hauteuri)"/>
</xsl:variable>
<!-- puis on passe à l'image suivante, en mettant à jour les paramètres
<xsl:call-template name="somme_ratios">
<xsl:with-param name="total">
<xsl:value-of select="$total+$ratio_i"/>
</xsl:with-param>
<xsl:with-param name="position">
<xsl:value-of select="$position+1"/>
</xsl:with-param>
</xsl:call-template>
</xsl:when>
<!-- 2:Sinon, cas final, plus d'image, on "affiche" le résultat -->
<xsl:otherwise>
<xsl:value-of select="$total"/>
</xsl:otherwise>
</xsl:choose>
</xsl:template>
[/code]
La fonction est maintenant écrite, reste à l'initialiser, au bon moment et au bon endroit :
Dans mon cas, mon fichier xsl commence par définir une "variable" :
puis traite la racine du xml, et se termine par notre fonction :
[code]
<?xml version="1.0" encoding="iso-8859-1"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:variable name="larg_page">900</xsl:variable>
<xsl:template match="/">
<html>
<head>
<!-- La partie en-tête -->
</head>
<body class="defaut">
<!-- Le corps -->
</body>
</html>
</xsl:template>
<xsl:template name="somme_ratios">
<!-- La fonction décrite ci-dessus -->
</xsl:template>
</xsl:stylesheet>
[/code]
C'est bien sûr dans le corps du html que nous ferons notre appel à la fonction.
Tout d'abord c'est un traitement à réaliser indépendamment, pour chaque paragraphe :
[code]
<xsl:for-each select="site/page/paragraphe">
<!-- ... -->
</xsl:for-each>
[/code]
(Rq : vous aurez probablement à traiter chaque page avant de traiter chaque paragraphe,
hors sujet dans notre cas)
Dans chaque paragraphe, nous commençons par calculer ce fameux total_ratio,
on confirme, on vérifie qu'on est bien sur le noeud parent de "image",
on peut lancer notre calcul itératif :
[code]
<xsl:call-template name="somme_ratios">
<xsl:with-param name="total">0</xsl:with-param>
<xsl:with-param name="position">1</xsl:with-param>
</xsl:call-template>
[/code]
Le résultat s'affiche à l'écran, et si je veux le stocker ?
Aussi incroyable que ça puisse paraître, tout simplement :
[code]
<xsl:variable name="tot_ratio">
<xsl:call-template name="somme_ratios">
<xsl:with-param name="total">0</xsl:with-param>
<xsl:with-param name="position">1</xsl:with-param>
</xsl:call-template>
</xsl:variable>
[/code]
Voilà c'est tout !
Je ne me défausse pas pour autant, on a bien envie de les voir bien rangées ces images ?
Nous devons les mettre dans un paragraphe :
[code]
<p class="photo">
<!-- ... -->
</p>
[/code]
Nous sommes toujours sur le noeud "parapraphe", et nous allons afficher chaque image :
[code]
<xsl:for-each select="image">
<!-- ... -->
</xsl:for-each>
[/code]
Calculons la largeur et la hauteur modifiée de cette image
(d'après la formule du début et le désormais fameux total_ratio) :
[code]
<xsl:variable name="l_new">
<xsl:value-of select="number(@l_orig * $larg_page div @h_orig div $tot_ratio)" />
</xsl:variable>
<xsl:variable name="h_new">
<xsl:value-of select="number($l_new * @h_orig div @l_orig)" />
</xsl:variable>
[/code]
Et affichons cette image, suivie d'un espace pour les séparer "proprement" :
[code]
<img alt="Image introuvable...">
<xsl:attribute name="src"><xsl:value-of select="." /></xsl:attribute>
<xsl:attribute name="width">
<xsl:value-of select="$l_new" />
</xsl:attribute>
<xsl:attribute name="height">
<xsl:value-of select="$h_new" />
</xsl:attribute>
</img>
<xsl:text> </xsl:text>
[/code]
Bon ben c'est fini ?
Reste plus qu'à tout recomposer (mettez tout dans le même répertoire) :
exemple.dtd
[code]
<?xml version="1.0" encoding="iso-8859-1"?>
<!ELEMENT site (parametres,page+)>
<!ELEMENT page (paragraphe+)>
<!ELEMENT paragraphe (image+)>
<!ELEMENT image (#PCDATA)>
<!ATTLIST image l_orig NMTOKEN #REQUIRED h_orig NMTOKEN #REQUIRED>
[/code]
exemple.xml :
[code]
<?xml version="1.0" encoding="iso-8859-1" standalone="no"?>
<!--?xml version="1.0" encoding="iso-8859-1" standalone="no"?-->
<?xml-stylesheet type="text/xsl" href="exemple.xsl"?>
<!DOCTYPE librairie SYSTEM "exemple.dtd">
<site>
<page>
<paragraphe>
<image l_orig="400" h_orig="398">exemple3.jpg</image>
<image l_orig="700" h_orig="511">exemple4.jpg</image>
<image l_orig="300" h_orig="426">exemple5.jpg</image>
</paragraphe>
<paragraphe>
<image l_orig="400" h_orig="404">exemple1.jpg</image>
<image l_orig="200" h_orig="226">exemple1.jpg</image>
<image l_orig="100" h_orig="324">exemple1.jpg</image>
</paragraphe>
<paragraphe>
<image l_orig="600" h_orig="180">exemple2.jpg</image>
<image l_orig="600" h_orig="320">exemple2.jpg</image>
</paragraphe>
</page>
</site>
[/code]
exemple.xsl :
[code]
<?xml version="1.0" encoding="iso-8859-1"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:variable name="larg_page">900</xsl:variable>
<xsl:template match="/">
<html>
<head>
<!-- La partie en-tête -->
</head>
<body class="defaut">
<xsl:variable name="tot_ratio">
<xsl:call-template name="somme_ratios">
<xsl:with-param name="total">0</xsl:with-param>
<xsl:with-param name="position">1</xsl:with-param>
</xsl:call-template>
</xsl:variable>
<xsl:variable name="l_new">
<xsl:value-of select="number(@l_orig * $larg_page div @h_orig div $tot_ratio)" />
</xsl:variable>
<xsl:variable name="h_new">
<xsl:value-of select="number($l_new * @h_orig div @l_orig)" />
</xsl:variable>
<p class="photo">
<xsl:for-each select="image">
<img alt="Image introuvable...">
<xsl:attribute name="src"><xsl:value-of select="." /></xsl:attribute>
<xsl:attribute name="width">
<xsl:value-of select="$l_new" />
</xsl:attribute>
<xsl:attribute name="height">
<xsl:value-of select="$h_new" />
</xsl:attribute>
</img>
<xsl:text> </xsl:text>
</xsl:for-each>
</p>
</body>
</html>
</xsl:template>
<xsl:template name="somme_ratios">
<xsl:param name="total"/>
<xsl:param name="position"/>
<!--Dans quel cas somme-nous ? -->
<xsl:choose>
<!-- 1: oui, il existe une image -->
<xsl:when test="$position <= count(image)">
<!-- définition des deux variables
largeur et hauteur (lecture d'attributs) -->
<xsl:variable name="largeur_i">
<xsl:value-of select="image[position()=$position]/@l_orig"/>
</xsl:variable>
<xsl:variable name="hauteur_i">
<xsl:value-of select="image[position()=$position]/@h_orig"/>
</xsl:variable>
<!-- calcul du ratio l/h de cette image -->
<xsl:variable name="ratio_i">
<xsl:value-of select="number($largeuri div $hauteuri)"/>
</xsl:variable>
<!-- puis on passe à l'image suivante, en mettant à jour les paramètres
<xsl:call-template name="somme_ratios">
<xsl:with-param name="total">
<xsl:value-of select="$total+$ratio_i"/>
</xsl:with-param>
<xsl:with-param name="position">
<xsl:value-of select="$position+1"/>
</xsl:with-param>
</xsl:call-template>
</xsl:when>
<!-- 2:Sinon, cas final, plus d'image, on "affiche" le résultat -->
<xsl:otherwise>
<xsl:value-of select="$total"/>
</xsl:otherwise>
</xsl:choose>
</xsl:template>
</xsl:stylesheet>
[/code]