Il s’agit ici de lister et de présenter l’ensemble des articles de chaque rubrique "racine" via un menu rétractable (ou "Switch Menu").
Testé sur les navigateurs : IE6 et Mozilla Firefox 1.0
Pour voir le fonctionnement du menu : exemple
1e étape : Coller le code suivant entre les balises <head></head> de votre page HTML
Le code compris entre les balises <style></style> permet de personnaliser le menu (taille des cellules :"width", couleur :"background-color"...etc).
2e étape : Coller le code suivant entre les balises <body></body> de votre page HTML :
Explications du code du menu :
1/Le code qui construit le menu compte tenu des rubriques à la racine du site :
<div id="masterdiv">
<BOUCLE_rub(RUBRIQUES) {racine}>
<div class="menutitle" onclick="SwitchMenu('sub#ID_RUBRIQUE')">#TITRE</div>
<span class="submenu" id="sub#ID_RUBRIQUE"> Toutes les rubriques "racine" seront affichées même si elles ne contiennent aucun article (ce qui n’est en principe probable).
Attention de ne pas oublier de faire précéder la boucle par le code <div id="masterdiv"> qui appelle le script de construction du menu.
2/Si la rubrique racine ne présente pas de sous-rubriques, la boucle suivante appelle ses articles correspondants :
<BOUCLE_art(ARTICLES){id_rubrique}>
[<a href="#URL_ARTICLE">(#TITRE)</a><br>]
</BOUCLE_art>3/La boucles qui appelle l’ensemble des articles des sous-rubriques éventuelles :
<BOUCLE_rub2(RUBRIQUES) {id_parent}>4/La boucle récursive qui permet de descendre vers des sous-rubriques de second niveau ou plus :
<BOUCLE_recursive(BOUCLE_rub2)></BOUCLE_recursive>5/La boucle qui récupère l’ensemble des articles des sous-rubriques :
<BOUCLE_art2(ARTICLES){id_rubrique}>
[<a href="#URL_ARTICLE">(#TITRE)</a><br>]
</BOUCLE_art2>
RSS 2.0