Hover Definition of Words and Phrases in Context.

*** Improved Code. Words AND Phrases are automatically "coded" now ***

Quickly and easily choose words AND phrases, and their custom definitions by editing a simple .xml file.

Every instance of those single words, hyphenated words AND phrases are automatically found throughout the subject matter and "coded," meaning wrapped in special span tags.

NO HAND CODING NECESSARY.

Whenever the user hovers over one of the words or phrases, a "tool-tip" like popup is opened, displaying the definition for that word or phrase.

The "tool-tip" automatically adjusts itself so that it always displays toward the center of the page if a hover word is at or near the edge of a page. It also automatically adjusts itself to the size of the window that contains the subject document.

Great for teachers, especially language teachers, or those who must easily convey the plain meaning of technical terms to their clients or site visitors.

A live demo is here:
http://www.javascript-demos.com/1/Hover_Words.html

Tested in Internet Explorer 6 and FireFox 1.5.

NOTE: This is an AJAX application, and therefore must be tested ONLINE. The code will not work locally, unless you have IIS or another "server" system installed.

ALSO NOTE: You must surround the content, with the "subjectMatter" DIV. Find it, right there at the top of the HTML.