jQuery Tooltip (Javascript Question)

Will

Will

Member
I'm working on the development for a site whereby the client wants to have some tooltips appear with additional info when you hover over certain areas of the page.

I've done a lot of searching and playing around with various scripts and it seems most of them don't allow you to link up a single word inside the tooltip (shown in my mockup);
exampleum.jpg


I've since come across this script which looks great and lets you have HTML inside the tooltip, but it fades out too quickly so you wouldn't have a chance to click the link.
Cut & Paste Inline HTML Tooltip script

I'm wondering if there is any way to edit the Javascript to prevent the tooltip from fading out until the user has moused away from the link that triggers the tooltip itself? If anyone could figure this out I'd be so grateful as this has been causing me a headache for hours now :(

Thanks,
Will
 
Hi Will,

I'm by no means experienced with Javascript, but have in the past managed to find the settings for things like this, in this case I think this is the line (htmltooltip.js) you need to edit;

Code: 
fadeeffect: [true, 500],

Try changing 500 to 1000 first, in theory that should double the time before fade?
Let us know how you get on!

Greg
 
Cheers Greg.

Adjusting that value just seems to make the fade transition go slower, but not make the tooltip stay present for any longer before fading out.

There must be a value somewhere that can adjust this lol
 
This is crazy.

It seems like you can only have 2 tooltips by default. Every time I go to add a third it no longer wants to work...
 
Have you got this uploaded anywhere Will? if you can add a link to this post or PM I'll take a quick look for you.
 
You must log in or register to reply here.
Back
Top