Results 1 to 3 of 3

Thread: Rich HTML Balloon Tooltip, onmouseout on the divs

  1. #1
    Join Date
    Jan 2007
    Posts
    12
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Lightbulb Rich HTML Balloon Tooltip, onmouseout on the divs

    1) Script Title: Rich HTML Balloon Tooltip

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...oontooltip.htm

    3) Describe problem: The script is probably the best tooltip script I have seen, but it needs something more. Right now, the tooltip only stays up if the mouse is over the actual link (plus whatever disappeardelay is set to). I would like it if the tooltip also stayed up when the mouse is over the actual tooltip itself. (Basically, the script should behave like virtually any dropdown menu.)

    This extra functionality would be especially useful if a user wanted to select and copy text from the tooltip itself. It'd be a great addition to this already wonderful script! Thanks!

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    Just add these events to your balloons, ex:

    Code:
    <div id="balloon1" class="balloonstyle" onmouseover="clearhidemenu();" onmouseout="delayhidemenu();">
    <img src="shadetabs.gif" style="float: right; margin-left: 5px; border:1px solid black" />Original, practical CSS codes and examples such as CSS menus to give your site a visual boast!
    </div>
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. #3
    Join Date
    Jan 2007
    Posts
    12
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    DOH! That's way more simple than what I thought was required. I didn't realize I could reuse the already existent functions.

    Thanks very much! :-)

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
  •