View source for Template:TU Darmstadt/JS

<html>
<script>
document.addEventListener('DOMContentLoaded', function () {

  var nav = document.getElementsByTagName('nav')[0];
  var ul = nav.getElementsByTagName('ul')[0];
  var timeout = null;

  function over() {
    nav.classList.add('show-menu');
    window.clearTimeout(timeout);
  }

  function out() {
    timeout = window.setTimeout(function () {
      nav.classList.remove('show-menu');
    }, 300);
  }

  ul.addEventListener('mouseover', over);
  ul.addEventListener('mouseout', out);

  var crumbs = document.getElementById('breadcrumbs').innerHTML;
  document.getElementById('breadcrumb-target').innerHTML = crumbs;

  var as = document.getElementById('toc').getElementsByTagName('a');
  for (var a of as) {
    a.addEventListener('click', function () {
      for (var oa of as) {
        oa.classList.remove('active');
      }

      this.classList.add('active');
    })
  }


  document.addEventListener('scroll', function () {
    var activeA = null;
    for (var a of as) {
      a.classList.remove('active');

      var id = a.href.replace(/.+?#/, '');
      var element = document.getElementById(id);
      if (!element) {
        console.warn('Element with id #' + element + ' doesn\'t exist.');
        continue;
      }

      var y = element.getBoundingClientRect().top;
      var active = y < 130;
      if (active) {
        activeA = a;
      }
    }

    console.log(activeA);
    activeA.classList.add('active');
  });
  
});
</script>
</html>