Mercurial > hg > Aquinas
comparison findWord.js @ 117:4be71cc75f64
on click now
| author | ht |
|---|---|
| date | Sat, 23 Mar 2019 18:09:20 +0000 |
| parents | 45b039236dc0 |
| children |
comparison
equal
deleted
inserted
replaced
| 116:45b039236dc0 | 117:4be71cc75f64 |
|---|---|
| 1 // Thanks to https://stackoverflow.com/a/30586239 for word-finder | 1 // Thanks to https://stackoverflow.com/a/30586239 for word-finder |
| 2 $(function() { | 2 $(function() { |
| 3 // Get the HTML in #hoverText - just a wrapper for convenience | 3 // Get the HTML in #hoverText - just a wrapper for convenience |
| 4 var $hoverText = $("#hoverText"); | 4 //var $hoverText = $("#hoverText"); |
| 5 | 5 |
| 6 // Get the full word the cursor is over regardless of span breaks | 6 // Get the full word the cursor is over regardless of span breaks |
| 7 function getFullWord(event) { | 7 function getFullWord(event) { |
| 8 var i, begin, end, range, textNode, offset; | 8 var i, begin, end, range, textNode, offset; |
| 9 | 9 |
| 112 } | 112 } |
| 113 return word; | 113 return word; |
| 114 } | 114 } |
| 115 | 115 |
| 116 // Return the word the cursor is over | 116 // Return the word the cursor is over |
| 117 $hoverText.mousemove(function(e) { | 117 $("p").click(function(e) { |
| 118 var word = getFullWord(e); | 118 var word = getFullWord(e); |
| 119 if (word !== "") { | 119 if (word !== "") { |
| 120 var res=$("#result"); | 120 var res=$("#result"); |
| 121 var pageX = event.pageX; | 121 var pageX = event.pageX; |
| 122 var pageY = event.pageY; | 122 var pageY = event.pageY; |
| 123 //var parentOffset = jQuery('ul li.large', this).parent().offset(); | 123 //var parentOffset = jQuery('ul li.large', this).parent().offset(); |
| 124 //var relX = pageX - parentOffset.left; | 124 //var relX = pageX - parentOffset.left; |
| 125 //var relY = pageY - parentOffset.top; | 125 //var relY = pageY - parentOffset.top; |
| 126 res.css("visibility","visible"); | 126 res.css("visibility","visible"); |
| 127 res.css("left",(pageX+10) + "px").css("top",(pageY+-50) + "px"); | 127 res.css("left",(pageX-10) + "px").css("top",(pageY-15) + "px"); |
| 128 res.text(word); | 128 res.text(word); |
| 129 } | 129 } |
| 130 }); | 130 }); |
| 131 $hoverText.mouseout(function(e) { | 131 $("#result").mousemove(function(e) { |
| 132 $("#result").css("visibility","hidden"); | 132 $("#result").css("visibility","hidden"); |
| 133 }); | 133 }); |
| 134 $("#result").click(function(e) { | |
| 135 alert(e.target.innerHTML + " clicked"); | |
| 136 $("#result").css("visibility","hidden"); | |
| 137 }); | |
| 138 // $("p").mousemove(function(e) { | |
| 139 // $("#result").css("visibility","hidden"); | |
| 140 // }); | |
| 134 }); | 141 }); |
| 135 | 142 |
| 136 // Helper functions | 143 // Helper functions |
| 137 | 144 |
| 138 // Whitespace checker | 145 // Whitespace checker |
