46 lines
1.7 KiB
HTML
46 lines
1.7 KiB
HTML
<script src="tocbot-3.0.2/tocbot.js"></script>
|
|
<script>
|
|
|
|
// Tocbot dynamic TOC, works with tocbot 3.0.2
|
|
// Source: https://github.com/asciidoctor/asciidoctor/issues/699#issuecomment-321066006
|
|
|
|
var oldtoc = document.getElementById('toctitle').nextElementSibling;
|
|
var newtoc = document.createElement('div');
|
|
newtoc.setAttribute('id', 'tocbot');
|
|
newtoc.setAttribute('class', 'js-toc');
|
|
oldtoc.parentNode.replaceChild(newtoc, oldtoc);
|
|
tocbot.init({ contentSelector: '#content',
|
|
headingSelector: 'h1, h2, h3, h4, h5',
|
|
smoothScroll: false });
|
|
var handleTocOnResize = function() {
|
|
var width = window.innerWidth
|
|
|| document.documentElement.clientWidth
|
|
|| document.body.clientWidth;
|
|
if (width < 768) {
|
|
tocbot.refresh({ contentSelector: '#content',
|
|
headingSelector: 'h1, h2, h3, h4, h5',
|
|
collapseDepth: 6,
|
|
activeLinkClass: 'ignoreactive',
|
|
throttleTimeout: 1000,
|
|
smoothScroll: false });
|
|
}
|
|
else {
|
|
tocbot.refresh({ contentSelector: '#content',
|
|
headingSelector: 'h1, h2, h3, h4, h5',
|
|
smoothScroll: false });
|
|
}
|
|
};
|
|
window.addEventListener('resize', handleTocOnResize);
|
|
handleTocOnResize();
|
|
|
|
|
|
var link = document.createElement("a");
|
|
link.setAttribute("href", "index.html");
|
|
link.innerHTML = "<i class=\"fa fa-chevron-left\" aria-hidden=\"true\"></i> Back to index";
|
|
var p = document.createElement("p");
|
|
p.appendChild(link);
|
|
var toc = document.getElementById('toc')
|
|
var next = document.getElementById('toctitle').nextElementSibling;
|
|
toc.insertBefore(p, next);
|
|
|
|
</script> |