[XSLT]Tri

Version imprimable

30/07/2007, 17h47
gorgoroth

[XSLT]Tri

Bonjour,

Je voualis savoir s'il été possible d'attribué un background particulier pour le premier item du menu, un autre pou le dernier item et les autres auront un background commun.

Le soucis c'est que je en vois pas comment faire ca xsl?

Est ce que quelqu'un auriat une idée?

Merci
31/07/2007, 08h31
Little_flower

Bonjour,

Heu...Pourrai tu expliquer plus amplement ton problème ???

Merci
31/07/2007, 08h42
gorgoroth

J'ai un menu géré dynamiqument grace a un fichier xml/xsl. Selon ces droits il y a plus ou moins d'entrées dans le menu.

EN ce qui me concerne c'est a dire la charte graphique j'ai des bord arrondi sur la première entrée et la dernière entrée du menu. Ainsi je veux détecter si c'est la première entrée, la dernière entrée et les autres jai une charte commune...

Voial en espérant que ca t'a éclairer un peu plus
31/07/2007, 10h08
strat0

Si tu as un <xsl:for-each> dans ton XSL tu peux utiliser dedans un <xls:if test="position() = 0"> pour tester quelle entrée tu es en train de traiter.
31/07/2007, 10h32
gorgoroth

Merci je m'en vais tester.

Par contrae une question position()=0 c'est la première entrée? Je fais comment pour avoir la dernière entrée?

Merci
31/07/2007, 13h05
strat0

Citation:

Envoyé par gorgoroth

Merci je m'en vais tester.

Par contrae une question position()=0 c'est la première entrée? Je fais comment pour avoir la dernière entrée?

Merci

Si c'est pas 0 c'est 1. Pas sûr de moi. Suffit de tester.

Sinon : <xsl:if test="position() = last()">
31/07/2007, 13h27
Morbo

Ouaip, c'est bien 1 l'index de la premiere position.
31/07/2007, 14h09
strat0

Citation:

Envoyé par Morbo

Ouaip, c'est bien 1 l'index de la premiere position.

Après coup je me suis dis que <xsl:if test="position() = first()"> marcherait bien aussi.;)

Et pourquoi ca ne marche pas ca ?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<xsl:for-each select="accueil/menus/menu">
 
	<div id ="rubrique_l">
		<span style="margin-left:30px;"><a href="{url}"><xsl:value-of select="caption"/></a></span>
	</div>
 
	<xsl:if test="position() = first()">
		<div id ="rubrique_f">
			<span style="margin-left:30px;"><a href="{url}"><xsl:value-of select="caption"/></a></span>
		</div>
	</xsl:if>
 
	<xsl:if test="position() = last()">
		<div id ="rubrique_l">
			<span style="margin-left:30px;"><a href="{url}"><xsl:value-of select="caption"/></a></span>
		</div>
	</xsl:if>
 
</xsl:for-each>

(code de mon for-each de ma page xsl)

Merci...

08/08/2007, 11h06
Morbo

Hum, j'étais pas sur, mais "first()" n'existe pas, en tout cas avec "1" ça passe chez moi.
Sinon "ca ne marche pas", c'est pas très explicite.
La feuille xsl compile? Le résultat diffère en quoi de ce que tu attends?
Et le xml source peut servir aussi.
08/08/2007, 11h35
gorgoroth

Ben en fait il ya une perte d'info (genre des images dans le css lié qui manque),
La première entrée est en doublon... avec un style différent malgré 2 id différents dans le xsl et le css.

Et je viens de réagir sur autre chose... pour mes autres entrées, ni la première ni la dernière, je la notifie comment dans mon xsl? Juste des balises div?

Merci pour ton aide

V'la les fichiers^^.

Je confirme que first() n'existe pas. Désolé pour ça...:oops:

Sinon :

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
<xsl:for-each select="accueil/menus/menu">
<xsl:choose>
  <xsl:when test="position() = 1">
    <div id ="rubrique_f">
      <span style="margin-left:30px">
        <a href="{url}"><xsl:value-of select="caption" /></a>
      </span>
    </div>
  </xsl:when>
  <xsl:when test="position() = last()">
    <div id ="rubrique_l">
      <span style="margin-left:30px">
        <a href="{url}"><xsl:value-of select="caption"/></a>
      </span>
    </div>
  </xsl:when>
  <xsl:otherwise>
    <div id ="rubrique_l">
      <span style="margin-left:30px">
        <a href="{url}"><xsl:value-of select="caption"/></a></span>
    </div>
  </xsl:otherwise>
</xsl:choose>
</xsl:for-each>

08/08/2007, 14h05
gorgoroth

merci ;-) ca marche maintenant
^^
08/08/2007, 16h49
gorgoroth

J'ai quelque souis quand je veux intégrer un image en fond. Lorsque je le met dan le fichier css savec la propriété background-image, il m'enlève d'autres images ???? je n'y comprend rien...
La j'ai reussi a stabilisé la situation de sorte a ce qu'il me manque juste l'image de la première et de la dernière entrée...

Du coup j'ai pensé a insérer ce qui manquait dans le fichier xsl... Mais la c'est la drame parec que ca n'est pas propre. Genre le lien est audessus de l'image???

Existe il donc une solution propre pour superposé et l'enrée du menu et l'image de fond?

Merci
08/08/2007, 23h38
strat0

Y a un truc que t'as pas dû bien intégrer.

Fais voir les bouts de code concernés (le CSS et le XSLT).
09/08/2007, 09h20
gorgoroth

Voila les fihcier que tu as demandé... Merci pour tout ;-)

Déjà pour que ce soit plus simple tu peux changer ça :
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 #rubrique{ background: url(../image/rubrique_2.jpg) no-repeat; color: #ffffff; font-size: 0.9em; font-weight: bold; font-family : Arial, Hevlvetica, sans-serif; height : 28px; line-height : 2.4em; } #r_last{ background: url(..image/rubrique_2b.jpg) no-repeat; color: #ffffff; font-size: 0.9em; font-weight: bold; font-family : Arial, Hevlvetica, sans-serif; height : 28px; line-height : 2.4em; } #r_first{ background: url(..image/rubrique_2h.jpg) no-repeat; color: #ffffff; font-size: 0.9em; font-weight: bold; font-family : Arial, Hevlvetica, sans-serif; height : 28px; line-height : 2.4em; }
En ça (et en corrigeant la faute à "Helvetica" au passage) :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 #rubrique, #r_last, #r_first{ background-repeat: no-repeat; color: #ffffff; font-size: 0.9em; font-weight: bold; font-family : Arial, Helvetica, sans-serif; height : 28px; line-height : 2.4em; } #rubrique{ background-image: url(../image/rubrique_2.jpg); } #r_last{ background-image: url(../image/rubrique_2b.jpg); } #r_first{ background-image: url(../image/rubrique_2h.jpg); }
Ensuite pour les CSS s'appliquent il faut que les ID de tes div matchent les noms de tes éléments dans la feuille de style. Et là on a "rubrique_f" dans la div et "rubrique_first" dans la CSS...

Et puis il manquait des slashs "/" à tes url de background-image :
"..image/rubrique_2h.jpg" au lieu de "../image/rubrique_2h.jpg"...

Un conseil : quand tu demandes de l'aide essaie plutôt de filer les "morceaux" de code qui posent problème selon toi plutôt que de balancer tous les fichiers. Si on a besoin de voir plus de code pour t'aider on te le dira, ne t'en fait pas.

09/08/2007, 13h09
gorgoroth

oki merci pour l'aide et les conseils...

je m'en vais tester
09/08/2007, 16h21
gorgoroth

Merci ca marche impec ;-)