Créer une table des matières (TOC) avec Mootools
Posté le Thursday 3 May 2012 | Catégories : Mootools, Javascript, CSS
Mootools TOC est un script Mootools qui permet de créer automatiquement la table des matières (TOC) d'une page web.
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;
}
