Need HTML config help

[danno]

1) Script Title: IMAGE W/DESCRPITION TOOL TIP

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

3) Describe problem: when mousing over text link, no image appears. Please visit my HTML here: http://www.danscartoons.com/ham_radio_cartoons.htm & scroll down to table just underneath PayPal button. I up[loaded my folder with appropriate images etc. But images won't appear when mousing over text . . . only when you click the text...anything I am doing wrong?

[thetestingsite]

You have to call the tooltip like so:

<a href="#" onmouseover="doTooltip(event,0)" onmouseout="hideTip()">HAM RADIO CARTOON 1</a>

Change the part in red to the number in the Array (in the javascript code located in the head of the document) that you want to display in the tooltip.

Hope this helps.

[danno]

Hi TestingSite....That worked wonders....Now I am wondering why that second image wont show up there, it's just a little black square...did I do anything wrong you can see? Otherwise, the rest of the images are kicking gluteous....

see: http://www.danscartoons.com/ham_radio_cartoons.htm

[thetestingsite]

On this line in your code:

messages[1] = new Array('ham_radio_cartoons/color-ham-pod','To license this cartoon, email: syndicator@gmail.com for fee quote',"#000000");

You did not assign a valid image (the part that is in red above).

Hope this helps.

[danno]

YOU REALLY KICKED GLUTEOUS MAXIMUS on this one, TESTING SITE...thanks again...

check it out: http://www.danscartoons.com/ham_radio_cartoons.htm

[jscheuer1]

It would be even better if you changed:

<a href="#" onmouseover="doTooltip(event, 0)"onmouseover="hideTip()">HAM RADIO CARTOON 1</a>, <a href="#" onmouseover="doTooltip(event, 1)"onmouseover="hideTip()">HAM RADIO CARTOON2</a>, <a href="#" onmouseover="doTooltip(event, 2)"onmouseover="hideTip()">HAM RADIO CARTOON 3</a>,<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="#" onmouseover="doTooltip(event, 3)"onmouseover="hideTip()">HAM RADIO CARTOON4</a>

to:

<a href="#" onmouseover="doTooltip(event, 0) "onmouseout="hideTip()">HAM RADIO CARTOON 1</a>, <a href="#" onmouseover="doTooltip(event, 1) "onmouseout="hideTip()">HAM RADIO CARTOON2</a>, <a href="#" onmouseover="doTooltip(event, 2) "onmouseout="hideTip()">HAM RADIO CARTOON 3</a>,<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="#" onmouseover="doTooltip(event, 3) "onmouseout="hideTip()">HAM RADIO CARTOON4</a>

And, set this variable:

var tipWidth= 160;

to the width of the tip (about 550).