User:-sche/frwikttoc.js
Note: You may have to bypass your browser’s cache to see the changes. In addition, after saving a sitewide CSS file such as MediaWiki:Common.css, it will take 5-10 minutes before the changes take effect, even if you clear your cache.
- Mozilla / Firefox / Safari: hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (Command-R on a Macintosh);
- Konqueror and Chrome: click Reload or press F5;
- Opera: clear the cache in Tools → Preferences;
- Internet Explorer: hold Ctrl while clicking Refresh, or press Ctrl-F5.
- This script lacks a documentation subpage. Please create it.
- Useful links: root page • root page’s subpages • links • redirects • your own
/* Auteur : Eiku. - Author: Eiku. */
/*
Pour replier les sous-listes de la table des matières.
La table des matières est, en très simplifié, comme ça :
<li class="tabletoc-1">
<a>1 blablabla</a>
<ul>
<li class="tabletoc-2>
<a>1.1 blablabla</a>
</li>
<li class="tabletoc-2>
<a>1.2 blablabla</a>
<ul>
<li class="tabletoc-3>
<a>1.2.1</a>
</li>
</ul>
</li>
</ul>
</li>
etc.
Donc pour chaque ul contenu en 2ème position dans un li ayant une classe en "tabletoc-*",
on ajoute un bouton à son parent. À ce bouton, on lie une fonction qui masque ou affiche
le ul en question.
*/
var foldToc = function () {
// pour chaque niveau raisonnable de profondeur de table des matières
for (var level = 1; level < 7; level++){
// récupérer la liste des éléments <li> de classe "toclevel-n"
var lis = document.getElementsByClassName ('toclevel-'+level);
// pour chacun :
for (var _i=0; _i<lis.length; _i++){
var li = lis[_i];
// vérifier que c’est bien un <li>
if (li.tagName.toLowerCase() != 'li') continue;
if (li.children.length>=2){
var ul = li.children[1];
// vérifier que son 2ème enfant est un <ul>
if (ul.tagName.toLowerCase() != 'ul') continue;
// lui ajouter (plus tard) un élément cliquable
var plus = document.createElement ('a');
// faire que si on clique dessus et que ul est visible,
// ça le cache, et vice versa
plus.onclick=(function (ul,plus){
return function (){
console.log ('onclick');
console.log (ul.style.display);
if (ul.style.display=='none') {
ul.style.display='block';
plus.innerHTML='[-]';
} else {
ul.style.display='none';
plus.innerHTML='[+]';
}
};
})(ul,plus);
// cliquer virtuellement dessus (pour cacher par défaut)
plus.onclick();
// mettre ce lien en couleur noir et monoespacé
// pour que - et + aient la même largeur
plus.style.fontFamily='courier, monospace, mono';
plus.style.color='#000';
plus.style.fontWeight='bold';
plus.style.textDecoration='none';
plus.style.cursor='pointer';
plus.style.marginLeft='0.5em';
// insérer le lien comme 1er nœud du <li> courant
li.insertBefore (plus, li.firstChild);
}
}
}
};
window.addOnloadHook(foldToc);