Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums JavaScript Tooltip hover issue

  • This topic is empty.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #34237
    noahgelman
    Participant

    When I hover an image, I have some basic jquery to create a tooltip overlayed onto the image. It just contains the title and alt text. However, when I move the mouse over the tooltip, the tooltip flickers constantly.

    It’s because hovering the tooltip isn’t registering as a hover on the image anymore so the tooltip disapears, so then I would be hover the image and so the tooltip comes back, thus the flickering.

    For some reason, when you hover the tooltip, it’s not bubbling down like it’s supposed to.

    Any ideas?

    #86519
    TheDoc
    Member

    Link it up!

    #86522
    noahgelman
    Participant

    Sorry, Here is the [link removed]

    The toolTip part starts in the scrollable.js, line 203

    #86524
    noahgelman
    Participant

    And I wrote it myself. Didn’t need to use a plugin as it should be a very simple matter

    #86528
    noahgelman
    Participant

    Ok, I can’t name lines, since I’m still editing parts of the code, but you should be able to figure it out

    #86529
    TheDoc
    Member

    I only see this http://grab.by/aQOB

    #86532
    noahgelman
    Participant

    oh crap, i totally forgot, the site has a maintenence page up until complete. You have to have a login/password to view it.
    I’ll copy/paste the relevant code.

    $("img").bind("mouseover", function() {
    var pimg = $(this);
    var position = pimg.position();
    var top = position.top;
    var left = position.left;
    var title = $(this).attr('title');
    var alt = $(this).attr('alt');
    $(this).parent().append('

    ' + title + '

    ' + alt + '

    ');
    });

    $("img").bind("mouseout", function() {
    $('.toolTip').remove();
    });

Viewing 7 posts - 1 through 7 (of 7 total)
  • The forum ‘JavaScript’ is closed to new topics and replies.