Packages

makeup

1.0.2
1.2.2 1.2.1 1.2.0 1.1.2 1.1.1 1.1.0 1.0.5 1.0.4 1.0.3 1.0.2 1.0.1 1.0.0 0.8.0 0.7.0 0.6.0 0.5.6 0.5.5 0.5.4 0.5.1 0.5.0 0.4.0 0.3.1 0.3.0 0.2.0 0.1.3 0.1.1 0.1.0

Syntax highlighter for source code in the style of Pygments.

HexDocs

Current section

Files

Jump to
Readme
27 Versions
1 Dependency
48 Dependants
Files
Activity
makeup lib makeup formatters html scripts group_highlighter_javascript.js
Raw

lib/makeup/formatters/html/scripts/group_highlighter_javascript.js 

function makeupProcessMatchingGroups() {

  var HIGHLIGHT_CLASS = "hll";

  function onMouseEnter(evt) {

    var groupId = evt.target.getAttribute("data-group-id");

    siblings = document.querySelectorAll("[data-group-id='" + groupId + "']");

    for (i = 0; i < siblings.length; ++i) {

      siblings[i].classList.add(HIGHLIGHT_CLASS);

    }

  }



  function onMouseLeave(evt) {

    var groupId = evt.target.getAttribute("data-group-id");

    siblings = document.querySelectorAll("[data-group-id='" + groupId + "']");

    for (i = 0; i < siblings.length; ++i) {

      siblings[i].classList.remove(HIGHLIGHT_CLASS);

    }

  }



  var delims = document.querySelectorAll("[data-group-id]");

  for(i=0; i < delims.length; i++) {

    var elem = delims[i];

    elem.addEventListener("mouseenter", onMouseEnter);

    elem.addEventListener("mouseleave", onMouseLeave);

  }

}



makeupProcessMatchingGroups();