diff findWord.js @ 117:4be71cc75f64

on click now
author ht
date Sat, 23 Mar 2019 18:09:20 +0000
parents 45b039236dc0
children
line wrap: on
line diff
--- a/findWord.js	Sat Mar 23 17:47:41 2019 +0000
+++ b/findWord.js	Sat Mar 23 18:09:20 2019 +0000
@@ -1,7 +1,7 @@
 // Thanks to https://stackoverflow.com/a/30586239 for word-finder
 $(function() {
   // Get the HTML in #hoverText - just a wrapper for convenience
-  var $hoverText = $("#hoverText");
+  //var $hoverText = $("#hoverText");
 
   // Get the full word the cursor is over regardless of span breaks
   function getFullWord(event) {
@@ -114,7 +114,7 @@
   }
 
   // Return the word the cursor is over
-  $hoverText.mousemove(function(e) {
+  $("p").click(function(e) {
     var word = getFullWord(e);
     if (word !== "") {
        var res=$("#result");
@@ -124,13 +124,20 @@
        //var relX = pageX - parentOffset.left;
        //var relY = pageY - parentOffset.top; 
        res.css("visibility","visible");
-       res.css("left",(pageX+10) + "px").css("top",(pageY+-50) + "px");
+       res.css("left",(pageX-10) + "px").css("top",(pageY-15) + "px");
        res.text(word);
     }
     });
-  $hoverText.mouseout(function(e) {
+  $("#result").mousemove(function(e) {
       $("#result").css("visibility","hidden");
     });
+  $("#result").click(function(e) {
+      alert(e.target.innerHTML + " clicked");
+      $("#result").css("visibility","hidden");
+    });
+//   $("p").mousemove(function(e) {
+//       $("#result").css("visibility","hidden");
+//     });
 });
 
 // Helper functions