get word click in paragraphs

Question

I have an HTML document with about 30,000 words in it.

I\'d like to be able to do something when a user clicks any word. For simplicity/concept right now, I\'d just

Answer 1

Unfortunately I think you'll need to process the text and put a YOUR_WORD around every word.

Then:

$(".clickableWord").click(
             function(this){alert(this.text());}
                         );

Any method that tries to use absolute positioning to locate the word is liable to problems with zooming, font sizes, etc.

It's been addressed here Getting text at clicked location in an HTML element

Is there HTML doc static or are you generating it? If you are generating it then it shouldnt be too tough to add those tags around each word.

If you need to do it to an existing HTML after the fact then this is a little harder. Pick the elements (probably div or p) that contain most of the words and read these words into an array. Then re-output them followed by those span tags