View Full Version : Rich HTML Balloon Tooltip, onmouseout on the divs

01-06-2007, 08:43 PM
1) Script Title: Rich HTML Balloon Tooltip

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex5/balloontooltip.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 (http://www.dynamicdrive.com/dynamicindex1/dropmenuindex.htm).)

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!

01-06-2007, 11:39 PM
Just add these events to your balloons, ex:

<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!

01-06-2007, 11:49 PM
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! :-)