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