Text Hover

I’m using this for a pretty scientific site where definitions of terms need to be clear to the reader as they go through the paragraphs. It’s easy to use and having the definition list in one place creates quick updates. No going to each phrase in a page. You just do it all at once in the setting.

I had a hard time finding the CSS for the hover box itself, but did find it down below in the FAQ on the WP plugin page. Now the box matches the rest of the site. Thank you!

Simple to use and yet very effective.

Note: In some languages, blank spaces (” “) are not used for word separation (i.e. SomeLanguagesHaveNoSpacesInBetween) like chinese, japanese, etc. Therefore in those situations it won’t work as it thinks “SomeLanguagesHaveNoSpacesInBetween” is one word. As a work around, you need to space out the word so this plugin works.

Lets’ say you want to have the hover text just for “have”, you’ll need to append and prepend a space (” “) like so: “SomeLanguages Have NoSpacesInBetween”. An aesthetic sacrifice, but does the job.

Works perfectly and does what it says it will do: add text hover/tooltip functionality. This plugin is easy to use and I’ve become a fan of all the plugins by this author (Scott Reilly) that I’ve tried so far! Thanks for creating so many great plugins!

No short codes are needed and it works on all your preexisting posts and pages. It is stupid simple.

So … totally cool, and can I just say it’s amazing that this seems to be the only plugin that adds hover text to text? Image hovers just seem dumb to me … because they cover the image. That’s what a caption is for. Anywho if the yellow background made you want to puke, like it did me try this hack (newbies: go to this plug-in, click “edit”, then search for “new-text”, add this to the beginning of that line: “//” [but without the quotes] to make it just a comment) and replace the $new-text command with this:

$new_text = “<span style='” . “color:#333; border-bottom: 1px dotted #000; cursor: help;” . “‘ . title='” . esc_attr( addcslashes( $hover_text, ‘\\$’ ) ) . “‘>\\1</span>”;

now you might have to retype the single and double quotes to get it work … wordpress sometimes converts those to the left and right quotes which will kill your code.