View Full Version : balloon tooltip horizontal offset

10-30-2006, 04:33 PM
1) Script Title:
Rich HTML Balloon Tooltip

2) Script URL (on DD):

3) Describe problem:


I am trying to place the tooltip on http://nederland.vakantiehuizengids.com at the end of each link (i want to move the tooltip to the right) is this possible?

Greetings Jurgen

10-31-2006, 04:37 AM
Probably but, as you haven't included a valid link to the demo page of the script, and because the link to your page is a frameset and you don't really say whether or not it would be worth looking for the script on any of its sub pages, I'm not really sure what script you are using. Most of these tool tip type scripts have a configuration option for that sort of thing, those that do not can have their code altered to suit.

11-01-2006, 02:17 PM

sorry that the link was not working

I mean this script




11-01-2006, 07:07 PM
The script needed to be modified. I'm attaching the new balloontip.js file in a .zip file. You will need these two new images:

622 a 623

and the new balloontip.js file contained in:


The configuration in balloontip.js has changed:

var disappeardelay=250 //tooltip disappear delay (in miliseconds)
var verticaloffset=0 //added vertical offset of tooltip from anchor link, if any
var horizontaloffset=0 //added horizontal offset of tooltip from anchor link, if any
var enablearrowhead=2 //0, 1, or 2 - to disable(0) or enable the top(1) or side(2) arrow image
var arrowheadimg=["arrowdown.gif", "arrowup.gif", "arrowleft.gif", "arrowright.gif"] //path to down and up left and right arrow images
var arrowheadsize=11 //size of arrow image (amount to reveal)

As you can see, you will still need the up and down arrow images available to the script. What was arrowheadheight, is now arrowheadsize and will work for either a side or top oriented arrow. Using enablearrowhead=2 will institute the rightward orientation of the tip as well as select the appropriate left or right arrow. The added horizontaloffset is for any minor horizontal adjustment and is active in all modes, just like the old and active in all modes verticaloffset. The defaults of 0 for each of these should be fine in most cases. Due to the way the arrows get displayed, some height may get added to the tip. If you do not want this, simply create left and right arrows that are less tall, the script will adjust to them. Otherwise, the configuration is the same as before.

11-01-2006, 07:44 PM
many thanks jscheuer1

you are the greatest :)

11-02-2006, 07:25 AM
You're welcome. I started thinking though, "what's the use of having all four arrow images if you are not going to use them?" So I've updated the code further. Now, whatever you set in here:

var enablearrowhead=2 //0, 1, or 2 - to disable(0) or enable the top(1) or side(2) arrow image

Is simply the default. If you add a rev attribute to the link:

<a href="http://www.dynamicdrive.com/style/" rel="balloon1" rev="0">Dynamic Drive CSS Library</a>

It will override the enablearrowhead setting for that link only. I've updated the attached balloontip.zip in my previous message to reflect these changes.