View Full Version : Balloon Tooltip w/image Problem

07-23-2011, 01:28 PM
1) Script Title: balloontip.js

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex5/balloontooltip.htm

3) Describe problem: I had balloon tooltips working fine with just text so I decided to add some graphics as well. In my testing, I found some very odd behavior. The first element on the page works perfectly. However, all the other elements place the arrow correctly but the balloon is displayed nowhere near that arrow. In most cases it is somewhere out of the visible area and at times it magically expands the size of the page with blank space at the bottom.

This is the behavior with Firefox 5.0 and IE 6 and can be viewed at:
erics-bbq dot dyndns-ip dot com slash indexnew.php

As a second issue, when this problem arose, I had not tried it with IE before. In IE, either with or without the images I get a "not implemented" error. There is apparently something in balloontip.js that IE does not like.


07-23-2011, 11:08 PM
There may be other errors, but looking at your HTML markup, the DIVs for the balloons are all missing closing </div> tags, ie:

<div id="balloon_3" class="balloonstyle" style="background:#FFFF99"><!-- This is a special format for balloons -->
<table border="0">
<td><img src="img/camera.jpg"></td>

<td>Discription goes here.</td>

You'll need to fix that first...

07-24-2011, 02:15 PM
DOH! Wouldn't life be grand if everything were that easy? All it takes are some new eyes. Thanks.