Si vous avez quelques petites lacunes, consultez la page consacrée aux boucles récursives sur www.spip.net.
Ici, nous souhaitons afficher 2 documents par ligne de tableau. Nous nous aiderons de la boucle DOCUMENTS.
Document 1 | Document 2
Document 3 | Document 4
Document 5 | Document 6
etc...
- On réalise un table en html avec les tags qui vont bien.
- Ce que nous souhaitons, c’est faire une récursivité sur la colonne de notre tableau. Plaçons notre boucle DOCUMENTS entre le tag <tr> et <td >. Fermer ensuite votre boucle et le tableau html.
Détails de la BOUCLE
- Nous plaçons le critére {0,2} pour n’afficher que deux documents par ligne de tableau.
- Pour éviter de re-sélectionner des éléments déjà affichés ! Nous ajoutons le critére {doublons}.
Si ce critére est omis, la boucle sélectionnera les deux premiers éléments a afficher. La boucle récursive tourne alors à l’infinie.
(Big up gouarfig)
- Placez votre boucle récursive avant la fermeture votre tableau </table>
- Rajoutons ensuite le code optionnel <B_docs >, </B_docs> (syntaxe optionnelle doc de référence) au début et à la fin de notre code.
Cette boucle récursive est inspirée de la boucle d’affichage des langues sur la page d’accueil de www.spip.net.
Ici, nous effectuons une récurisivité sur la boucle DOCUMENTS. Vous pouvez l’adapter à vos besoins en utilisant les boucles ARTICLES, RUBRIQUES, etc...
Vos commentaires
# Le 19 janvier 2005 à 08:51, par Pascal
En réponse à : > Boucle Documents récursive
On peut obtenir le même résultat avec des listes de définition et la boucle documents.
Par exemple :
<dl class="gallerie"><dt>#TITRE</dt>
<dt>#LOGO_DOCUMENT</dt>
<dt>Taille : #LARGEUR X #HAUTEUR | Poids : [(#TAILLE|taille_en_octets)]</dt>
<dl>
On pourra facilement personnaliser la présentation dans le fichier de style :
dl.gallerie {width: 350px;}.gallerie dt img{width: 300px;}
.gallerie dd {margin: 0px;text-align:left;}
Un exemple sur le squelette gratuit ci-dessous.
Répondre à ce message