WEB-d Développement Web

PHP, SQL, HTML5, CSS3, Javascript, Mootools, Référencement, SEO, CMS, e-commerce, Apache, Linux, Ubuntu, ...

Créer une table des matières (TOC) avec Mootools

Mootools TOC est un script Mootools qui permet de créer automatiquement la table des matières (TOC) d'une page web.

Table des matières (TOC) Mootools

Pour créer la table des matières il suffit de créer un bloc vide (div):


<div id="toc"></div>
 

Puis de créer la table des matières:


<script type="text/javascript" src="mootools.js"></script>
<script type="text/javascript" src="TOC.js"></script>
<script type="text/javascript">
    window.addEvent('domready',function(){
        var toc = new TOC('toc');
    });
</script>
 

Et enfin, d'ajouter un peu de code CSS pour améliorer l'affichage de la table:


div#toc ul{
    padding: 0;
}

div#toc a{
    color: #777;
    text-decoration: none;
    display: block;
    color: #444
}

div#toc a:hover{
    color: #222;
}
 

Articles similaires