Menu arborescent automatique avec des listes non ordonnées dotées d'une classe spécifique -- Le Coin Web de QuentinC

Vous êtes ici : Accueil > Programmation JavaScript > Navigation et menus > Menu arborescent automatique avec des listes non ordonnées dotées d'une classe spécifique

Menu arborescent automatique avec des listes non ordonnées dotées d'une classe spécifique

Description

Ce script totalement non intrusif permet de générer automatiquement un menu arborescent pliable/dépliable à partir de listes non ordonnées imbriquées possédant une classe spécifique. IL suffit en effet d'attribuer la classe "navtree" à la liste ul devant être transformée en arbre. Toutes les sous-listes seront cachées et remplacées par un lien "+" ou "-" qui permettra d'étendre ou de rétracter les éléments de chaque sous-liste indépendament les uns des autres.

Script

Copiez cette partie du script entre <head> et </head> ou dans un fichier externe : <script type="text/javascript">  </script>

Copiez cette partie du script entre <body> et </body>, à l'endroit où vous voulez voir figurer le script : <p>Voici une liste d'exemple : </p> <ul class="navtree"> <li>Item 1</li> <li>Item 2</li> <li>Item 3 <ul><li>Item 3.1</li><li>Item 3.2</li><li>Item 3.3</li></ul> </li><li>Item 4</li> <li>Item 5 <ul><li>Item 5.1</li><li>Item 5.2</li><li>Item 5.3 <ul><li>Item 5.3.1</li><li>Item 5.3.2</li><li>Item 5.3.3</li><li>Item 5.3.4</li><li>Item 5.3.5 <ul><li>Item 5.3.5.1</li><li>Item 5.3.5.2</li><li>Item 5.3.5.3</li></ul> </li><li>Item 5.3.6</li></ul> </li><li>Item 5.4</li></ul> </li><li>Item 6</li><li>Item 7</li> </ul>

Statistiques

Ce script a déjà été vu 1087 fois depuis le 14.04.2006.
Note : 3,3846 (26 votes)

Exécuter un exemple du script

Télécharger le script

Vous êtes ici : Accueil > Programmation JavaScript > Navigation et menus > Menu arborescent automatique avec des listes non ordonnées dotées d'une classe spécifique

Dernière modification de cette page : Mercredi 6 juin 2007 03:14
Haut de page • Contact • RSS • Valide XHTML 1.0

Le Coin Web de QuentinC - Menu arborescent automatique avec des listes non ordonnées dotées d'une classe spécifique

Menu

Divertissement

Informatique

Découvertes

Mon site & Moi