Sorry for offtopic

My next step is to get it to draw messages from a standard bank of messages in a textfile. Will keep you posted.

And yes you are right – the detialed comments helped a non-programmer sort through it logically.

Latest incarnation:
http://www.martengallagher.co.uk/css/tooltips.js

To make the tip appear to the right you need to just add the width of the form element to the tip_left position. You would do this under the current line 47. So this:

// Add obj height to top position so tip box DIV will show up underneath “obj”
tip_top += obj.offsetHeight;

would become this:

// Add obj height and width so tip box will show up underneath and to the right of “obj”
tip_top += obj.offsetHeight;
tip_left += obj.offsetWidth;

http://www.martengallagher.co.uk/experimenting/form.html

Section 02 – hover over 02a1 red
or
Section 06 – hover over ‘Which building material do you prefer?’

These would be places where the better ofset might be to the left of the origin. Any thoughts?

Am very impressed with it thus far and am hoping to build it into my ‘search for the definitive form’ of which that page is the experimental base.

Change line 114

from this:

“var tip_width = (iNumChars * iCharWidth + 6 > iMaxWidth ) ? iMaxWidth : iNumChars * iCharWidth + 6;”

to this:

“var tip_width = XXXX”

Where XXXX is the fixed width you want it to be.

Aaarrgghh!

But while you’re there…I want to do all the styling outside in an external css file…so have been trying to comment out the css style lines but it gets a bit tangled with the size of the box calculation bit. How would I go about setting the width to a fixed width and the allowing it to adjust the height normnallylike any block of html?

With out seeing how your are using it, I’m not sure if I can help – but does your “msg” contain single or double quote marks ?

Also were you using IE8 ? I’ve not tested it against that yet.

missing ; before statement
16. function Tooltips(msg,displayseconds) { \n

What might I have done wrong?