Tooltip coding help

This tool tip from Dynamic Drive, Can it be modified to not disappear if you are hovering over the tool tip? Right now it disappears after a set time that is set in the java script. But I want it to disappear only if you are not hovered over the icon or tool tip itself. Can this be done?

http://www.dynamicdrive.com/dynamicindex5/balloontooltip.htm

In the displayballoontip() function you can add to dropmenuobj an onmouseover event to the clearhidemenu function, and an onmouseout event to the delayhidemenu function.

I’m very new to JavaScript so that was a little over my head. Tried following it but messed it up. Can you insert it where it needs to go and show me please?

Let’s break down what I said.

In the displayballoontip() function …

That’s the function called displayballoontip:


function displayballoontip(obj, e){ //main ballooon tooltip function
    ...
}

… you can add to dropmenuobj …

The dropmenuobj variable is declared at this place:


dropmenuobj=document.getElementById(obj.getAttribute("rel"))

… an onmouseover event to the clearhidemenu function …

That would be this new line of code, placed just after the one above:


dropmenuobj.onmouseover = clearhidemenu;

… and an onmouseout event to the delayhidemenu function.

That whould be this new line of code, which follows the above new line:


dropmenuobj.onmouseout = delayhidemenu;

That seems to be very clear to me. Do you require me to

Let’s break down what I said.

In the displayballoontip() function …

That’s the function called displayballoontip:


function displayballoontip(obj, e){ //main ballooon tooltip function
    ...
}

… you can add to dropmenuobj …

The dropmenuobj variable is declared at this place in the above function:


dropmenuobj=document.getElementById(obj.getAttribute("rel"))

… an onmouseover event to the clearhidemenu function …

That would be this new line of code, placed just below the one above:


dropmenuobj.onmouseover = clearhidemenu;

… and an onmouseout event to the delayhidemenu function.

That would be this new line of code, which follows below the above new line:


dropmenuobj.onmouseout = delayhidemenu;

Is that clear enough for you?

Yes thanks. That makes sense and worked perfectly. Thanks for the help.