Can an image be added to this tooltip script?

[kalew]

1) Script Title:
Fixed Tooltip script

2) Script URL (on DD):
http://www.dynamicdrive.com/dynamici...xedtooltip.htm

3) Describe problem:
Is is possible to insert an image into the tooltips?
I know you have a script that does allow for images, but it interfers with my other scripts. I like the simplicity of this script, but I would like to add images. Thank you for you assistance.

[jscheuer1]

Yes. The best way is to declare it as a variable in the script though:

var tip1='Hey, look at this Image:<br><img src="some.jpg"><br>Isn\'t it neat?'

This can go right before the </script> tag. You can use as many as you want, tip1, tip2, tip3, etc.

Then in your trigger code:

<a href="some.htm" onMouseover="fixedtooltip(tip1, this, event, '150px')" onMouseout="delayhidetip()">Link Text</a>

[kalew]

Thanks John. Works great!! Appreciate all your assistance and scripts.

[kalew]

Is it possible to add a clickable link inside this tooltip script? Thank you.

[jscheuer1]

Well, of course, you can add a link anywhere you like to the variable for the tip, ex:

var tip1='Hey, look at this <a href="some.htm">Image</a>:<br><img src="some.jpg"><br>Isn\'t it neat?'

But, as soon as you try to move your mouse over the tip to use the link, it will very shortly thereafter disappear. To stop that from happening, alter this part of the code (add the red parts):

if (ie4||ns6)
document.write('<div id="fixedtipdiv" onmouseover="clearhidetip();" onmouseout="delayhidetip();" style="visibility:hidden;width:'+tipwidth+';background-color:'+tipbgcolor+'" ></div>')