Un affichage différent pour le premier et le dernier article d’une boucle

Voici une méthode pour afficher des choses différentes pour le premier et le dernier article d’une boucle.

Idée

Dans certain cas, on veut pouvoir faire un affichage un tout petit peu différent pour le premier — ou le dernier — élément retourné par une boucle.

Par exemple, dans une liste d’article, on peut vouloir que le premier <li> ait un cadre en haut et le dernier un cadre en bas.

Principe

Avec le filtre de test d’égalité, on peut donc tester si le #COMPTEUR_BOUCLE est égal au #TOTAL_BOUCLE de la façon suivante:

[(#COMPTEUR_BOUCLE|=={#TOTAL_BOUCLE}|?{'dernière',''})]

ou si le #COMPTEUR_BOUCLE est égal à 1:

[(#COMPTEUR_BOUCLE|=={1}|?{'première',''})]

Exemples

Ici, on donne une «class» différente au premier élément de la liste et au dernier:

<B_art>
<ul>
<BOUCLE_art(ARTICLES) {0,10}>
<li class="liste[(#COMPTEUR_BOUCLE|=={1}|?{'prems',''})][(#COMPTEUR_BOUCLE|=={#TOTAL_BOUCLE}|?{'derr',''})]">
#TITRE
</li>
</BOUCLE_art>
</ul>
</B_art>

Dans ce deuxième exemple, on affiche une liste d’auteurs d’un article, en mettant des virgules entre les auteurs et un «et» pour le dernier auteur: «A, B et C».

<BOUCLE_aut(AUTEURS) {id_article} {par nom} {" "}>
[(#COMPTEUR_BOUCLE|=={1}|?{'',' '})

[(#COMPTEUR_BOUCLE|=={#TOTAL_BOUCLE}|?{'et',','})]

]
#NOM
</BOUCLE_aut>

On regarde d’abord si on n’est pas au début de la boucle. Si c’est le cas, il ne faut rien afficher, on génère donc une chaîne vide avec le filtre |?.

Si on n’est pas au début de la boucle, on génère une chaîne non vide, on va donc afficher le code optionnel.
Celui-ci teste si on est à la fin d’une boucle. Si c’est le cas, on affiche un «et», sinon on va afficher une virgule «,».

updated on 7 December 2006

Discussion

3 discussions

Comment on this article

Who are you?
  • [Log in]

To show your avatar with your message, register it first on gravatar.com (free et painless) and don’t forget to indicate your Email addresse here.

Enter your comment here

This form accepts SPIP shortcuts {{bold}} {italic} -*list [text->url] <quote> <code> and HTML code <q> <del> <ins>. To create paragraphs, just leave empty lines.

Add a document

Follow the comments: RSS 2.0 | Atom