SitePoint Sponsor

User Tag List

Results 1 to 2 of 2

Thread: jQuery: HTML Tool Tip, Click to Show?

  1. #1
    SitePoint Addict
    Join Date
    Jul 2006
    Posts
    373
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question jQuery: HTML Tool Tip, Click to Show?

    Has anyone seen a jQuery tool tip tutorial which works you click to show and click to close, but you can have any html inside not just the title of the link?

    Works like this but with more flexibility to position.

    Basically a click to show layer, click to hide layer but not sure what its called?

    Wouldn't mind learning how to do it but need a tutorial to follow

    Anyone help me out?

    Cheers

  2. #2
    It's all Geek to me silver trophybronze trophy
    SitePoint Award Recipient ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, Australia
    Posts
    19,936
    Mentioned
    216 Post(s)
    Tagged
    2 Thread(s)
    What do you mean by 'more flexibility to position'? You can position that popup you showed anywhere you like. E.g.

    Code:
    .active .pop_menu {
      background-color: #F594A2;
      color: #FFFFFF;
      display: block;
      left: 80px;
      padding: 0.6em;
      position: absolute;
      width: 12em;
    }
    There are plenty of tooltip tutes out there, though the ones I've bookmarked tend to be hover examples rather than click ones.

    Image-free CSS Tooltip Pointers - A Use for Polygonal CSS? | Filament Group, Inc., Boston, MA

    Colortip - a jQuery Tooltip Plugin | Tutorialzine demo

    Disjointed Rollover - CSS tooltip

Tags for this Thread

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
  •