How to setup a tooltip "on the fly"

[listedabive]

I'm hoping the BoxOver tool already has this functionality but I'm just not sure how to do it.

Rather than boring you with the specifics of my project here is a similar example on a TV Guide site:

http://www.mydigiguide.com/dgx/wbl.d...37&dt=44fd0450

As you can imagine, if they loaded all the descriptions at design time it would make a massive html page and would take forever to open the page. So when you hover over a cell it sets the tooltip there and then (presumably using Ajax to get the text).

Without using boxover I can achieve this using the following simplified example:

<div onmouseover="ChangeTooltip();" ID="DIV1" title="Original Tooltip">

and the Javascript function:

function ChangeTooltip()
{
	//Change Tooltip of DIV1 to "Changed Tooltip"
	elem = document.getElementById('DIV1');
	elem.title = "Changed Tooltip";
}

So the Tooltip will display "Changed" rather than "Original". This, however, doesn't seem to work with BoxOver.

Can it be done? I'm sure there are many uses for it? This may even the same question as already posted here:

http://boxover.swazz.org/forum/want-...ip-t256-1.html

[listedabive]

It's okay guys. I've got it working. If anyone's interested here's how it's done.

The title needs to be a dummy BoxOver title. The flag is just so we only assign the new tooltip once.

<div onmouseover="ChangeTooltip();" ID="DIV1" 
title="header=[-] body=[-]" flag="0">

Then in the Javascript function we change the Title and then by resetting the hasbox we force it to be updated.

function ChangeTooltip()
{
	//Change Tooltip of DIV1 to "Changed Tooltip"
	elem = document.getElementById('DIV1');
	if (elem.flag=="0")
	{
		elem.title = "header=[Changed Tooltip] body=[Some text]";
		elem.hasbox = 0;
		elem.flag = "1";
	{
}

There might be a better way but this certainly does the trick.

Great tool by the way. Much appreciated.