b05548d6d1608de50964509c1185497bf4192b97 kate Mon Oct 24 14:56:06 2016 -0700 Add hover event handler to tissue shapes. refs #17369 diff --git src/hg/js/hgGtexTrackSettings.js src/hg/js/hgGtexTrackSettings.js index 91e871a..0be7c33 100644 --- src/hg/js/hgGtexTrackSettings.js +++ src/hg/js/hgGtexTrackSettings.js @@ -174,42 +174,50 @@ function onMapHoverTissue(ev) { var svgId = ev.target.id; var tis = tissueFromSvgId(svgId); toggleHighlightTissue(tis); } function onHoverTissue() { var tis = this.id; toggleHighlightTissue(tis); } //function animateTissue(tis, i, ignore) { function animateTissue(tis) { //console.log(tis); // add handlers to tissue table + var el; $('#' + tis).click(tis, onClickToggleTissue); $('#' + tis).hover(onHoverTissue, onHoverTissue); - var el = _svgDoc.getElementById(tis + "_Text_Hi"); + // add mouseover handler to tissue label + el = _svgDoc.getElementById(tis + "_Text_Hi"); + if (el !== null) { + el.addEventListener("click", onMapClickToggleTissue); + el.addEventListener("mouseenter", onMapHoverTissue); + el.addEventListener("mouseleave", onMapHoverTissue); + // mouseover, mouseout ? + } + // add mouseover handler to tissue shape + el = _svgDoc.getElementById(tis + "_Pic_Lo"); if (el !== null) { el.addEventListener("click", onMapClickToggleTissue); el.addEventListener("mouseenter", onMapHoverTissue); el.addEventListener("mouseleave", onMapHoverTissue); // mouseover, mouseout ? } - - } function animateTissues() { // Add event handlers to tissue table and body map SVG tissues.forEach(animateTissue); $('#setAll').click(onClickSetAll); $('#clearAll').click(onClickClearAll); } // UI event handlers function onClickSetAll() { // set all on body map tissues.forEach(onClickSetTissue);