Submit Your Article Forum Rules

Results 1 to 8 of 8

Thread: Tool Tips and Hints on Rollover

  1. #1
    WebProWorld MVP chandrika's Avatar
    Join Date
    Oct 2005
    Location
    UK
    Posts
    667

    Question Tool Tips and Hints on Rollover

    You know when you rollover a link and it pops up a little text as a title for the link....

    Well I know how to do it, by putting a title= in the tag, but what I want to know, is why is it so slow.

    is it just on my machine here, that you do not see the title text of a link, unless you hover for around 3 seconds.

    Is there anyway, other than an invisible show hide layer, to make those little text hints faster to display?

  2. #2
    Member
    Join Date
    Sep 2007
    Posts
    47

    Re: Tool Tips and Hints on Rollover

    You didn't say which browser they're slow in (though I strongly suspect IE, which, if given a standard drunk driver test wouldn't be able to touch its nose, or even come close.) nor did you specify a page so we could take a look.

    Give this a try, handled by css:

    Yahoo! UI Library: Tooltip

  3. #3
    Rest in Peace 1946 - 2013 deepsand's Avatar
    Join Date
    May 2004
    Location
    State College, PA
    Posts
    16,376

    Re: Tool Tips and Hints on Rollover

    Well, since the data that is to be presented on roll-over is downloaded with the rest of the page, and is therefore available for immediate rendering as needed, the chief suspect would be the platform on which you observe such sluggish behavior.

  4. #4
    WebProWorld MVP chandrika's Avatar
    Join Date
    Oct 2005
    Location
    UK
    Posts
    667

    Re: Tool Tips and Hints on Rollover

    I am using firefox 2 and an example of what I am referrin to can be seen some days on googles home page, like when they have changed the logo, yesterday it was Alexander Bell and if you roll over the logo, Alexander Bell text came up. There is nothing being celebrated today so there example is no good today.

    I do have it on my home page of the price comparison site in my sig. If you rollover the USA or UK flag, a little text hint comes explaining the link.

    For me in Firefox, with Windows XP, and a 20MB broadband conection, that takes a few seconds to display the text.

    I mean its not really a problem, other than I was thinking that people may not hover on a link long enough to see that text. Maybe they do, maybe I am just a bit impatient.

    Things like image links, are not always obvious they are a link, so that s why I was asking really.

  5. #5
    Senior Member ran_dizolph's Avatar
    Join Date
    Jul 2005
    Posts
    554

    Re: Tool Tips and Hints on Rollover

    Here's a DHTML Tooltip script. It may be a bit more advanced than you're looking for, but it may give you some ideas.

    Hope it helps.

  6. #6
    WebProWorld MVP wige's Avatar
    Join Date
    Jun 2006
    Posts
    2,981

    Re: Tool Tips and Hints on Rollover

    Most browsers do use a slight delay before showing the text, so that they do not have to render the box as soon as you mouse over a link if you are just moving from one area of the screen to another - it has to actually detect a "hover" which usually means the mouse is motionless for .5 seconds. As this is a client-side decision, there is nothing a site designer can do to change the delay. The closest you can come is to bypass the behavior completely and use a Javascript tooltip.

    Also, note that IE and Firefox use different tags for their tooltips. As a result, using your Compare Prices site as an example, the tooltip shows up in Firefox, but not in IE. (Firefox uses the title attribute, IE uses alt.)
    The best way to learn anything, is to question everything.
    WigeDev - Freelance web and software development

  7. #7
    Rest in Peace 1946 - 2013 deepsand's Avatar
    Join Date
    May 2004
    Location
    State College, PA
    Posts
    16,376

    Re: Tool Tips and Hints on Rollover

    The same delay on mouse-over occurs in Windows Explorer as well, so that pop-up/drop-down menus are not instantaneously rendered merely because the cursor passed over a given link on its way to the intended destination.

    While these delays are controllable by the user, short of invasive means, there is, to the best of my knowledge, no method whereby the site server can alter such.

  8. #8
    WebProWorld MVP chandrika's Avatar
    Join Date
    Oct 2005
    Location
    UK
    Posts
    667

    Re: Tool Tips and Hints on Rollover

    Quote Originally Posted by wige View Post
    Also, note that IE and Firefox use different tags for their tooltips. As a result, using your Compare Prices site as an example, the tooltip shows up in Firefox, but not in IE. (Firefox uses the title attribute, IE uses alt.)
    I did not realise that ie used a different tag, thanks for mentioning it.
    --------------------------

    Cheers for the explanations and other ways of achieving the tooltip.

Similar Threads

  1. Bilingual Website - Any hints or tips appreciated.
    By deadhippo in forum Accessibility and Usability Forum
    Replies: 9
    Last Post: 07-01-2006, 04:07 AM
  2. DMA Hints It Will Absorb AIM
    By WPW_Feedbot in forum Marketing Strategies Discussion Forum
    Replies: 0
    Last Post: 01-24-2005, 02:00 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •