Hover definition pop-up

3 views
Skip to first unread message

larico

unread,
Sep 30, 2008, 11:28:28 AM9/30/08
to Webmasters Helping Webmasters
I have a website that has terms that I would like to have pop-up
definitions for. It has many pages and the terms appear many times.
Is there anyway I create the hover pop-ups without having to locate
each word? In other words is there any language/script that will
search the page for the word and automatically make it a link to a pop-
up?

Vision Jinx

unread,
Oct 2, 2008, 2:28:04 PM10/2/08
to Webmasters Helping Webmasters
Hi,

I remember there was a similar hover tip script at www.dynamicdrive.com
but it didn't have the part you wanted which was to automatically
search the page and add the hover popups so I added that functionally.
You can check it out, it's just a starter page but is should get you
going. >> http://www.visionjinx.net/demos/tooltips.htm

You can easily add your keyword:definition to a single object and
select what elements to apply it to and if you want it to only replace
the first instance of the keyword or all of them and if you want it to
be case sensitive.

Hope that helps :-)

Cheers!
Vision Jinx

larico

unread,
Oct 3, 2008, 8:36:34 AM10/3/08
to Webmasters Helping Webmasters
Hello,

Thanks for your help. Would it be possible to put the definitions in
a separate file that each page could reference instead of having it
within the file? That way if I need to change a definition I don't
have to go to each individual page and edit it. If it is possible,
could you point me in the direction of how to do that?

Thanks.

Vision Jinx

unread,
Oct 4, 2008, 4:11:21 AM10/4/08
to Webmasters Helping Webmasters
Hi,

You sure can. I intentionally separated the "settings" from the rest
of the script 'tooltips.js' but you could put the scripts content with
in the <!-- --> in there or as a separate script if you wanted. This
was just to help easily play with different setting with out worrying
about looking through the core script and making edits there.

Cheers!
Vision Jinx

xangelo

unread,
Oct 7, 2008, 12:53:16 PM10/7/08
to Webmasters Helping Webmasters
Are you running any server side languages? You could also accomplish
the same idea using a combination of CSS to display a block on text
using the :hover attribute, and making a call to an external file or
database that would load the definition.
Reply all
Reply to author
Forward
0 new messages