Member Offer
  1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

jQuery Tooltip (Javascript Question)

Discussion in 'Website Design Forum:' started by Will, Oct 22, 2009.

  1. 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);

    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 :(

  2. Greg

    Greg Active Member

    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;

    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!

  3. Will

    Will Member

    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
  4. Greg

    Greg Active Member

  5. Will

    Will Member

    Ahh, nice one Greg, that works nicely. Thanks so much! :)
  6. Greg

    Greg Active Member

    No problems at all, good to hear it.
  7. Will

    Will Member

    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...
  8. Greg

    Greg Active Member

    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.

Share This Page