SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Zealot soapergem's Avatar
    Join Date
    Mar 2005
    Location
    Madison, WI
    Posts
    165
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    onMouseOver flickering

    I've made a very basic script to place a "tooltip" over certain elements on a page when you move your mouse over them. Because of the style of this tooltip, it slightly overlaps with the object is pointing to. I run into a problem whenever the mouse is then placed on this "overlap" area--where both the original object and the new tooltip exist simultaneously.

    In Internet Explorer, the onMouseOut event is fired and the tooltip disappears...which I guess is okay. In Firefox, however, it fires the onMouseOut event but then immediately fires the onMouseOver event, back and forth, back and forth, so the end result is a really annoying "flicker" until you move the mouse away completely. I'm wondering if any of you have any tips for avoiding this.

    Here's a link to a basic demo of what's happening:
    http://www.gordon-myers.com/tt/

    Just open it up in Firefox, put your mouse over the link, and then move it toward the bottom center of that link, where the arrow of the tooltip is pointing. You'll see what I mean.
    // useless crap about my relationships, philosophy,
    // theology, music and programming projects:

    my $blog = 'http://gordon-myers.com/';

  2. #2
    I meant that to happen silver trophybronze trophy Raffles's Avatar
    Join Date
    Sep 2005
    Location
    Tanzania
    Posts
    4,662
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    You have to find out exactly what you are mousing into and exactly what you are mousing out of. See this, it's more or less exactly a solution to your problem.


Bookmarks

Posting Permissions

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