group_highlighter_javascript.js (896B)
1 function makeupProcessMatchingGroups() { 2 var HIGHLIGHT_CLASS = "hll"; 3 function onMouseEnter(evt) { 4 var groupId = evt.target.getAttribute("data-group-id"); 5 siblings = document.querySelectorAll("[data-group-id='" + groupId + "']"); 6 for (i = 0; i < siblings.length; ++i) { 7 siblings[i].classList.add(HIGHLIGHT_CLASS); 8 } 9 } 10 11 function onMouseLeave(evt) { 12 var groupId = evt.target.getAttribute("data-group-id"); 13 siblings = document.querySelectorAll("[data-group-id='" + groupId + "']"); 14 for (i = 0; i < siblings.length; ++i) { 15 siblings[i].classList.remove(HIGHLIGHT_CLASS); 16 } 17 } 18 19 var delims = document.querySelectorAll("[data-group-id]"); 20 for(i=0; i < delims.length; i++) { 21 var elem = delims[i]; 22 elem.addEventListener("mouseenter", onMouseEnter); 23 elem.addEventListener("mouseleave", onMouseLeave); 24 } 25 } 26 27 makeupProcessMatchingGroups();