PDA

View Full Version : Need HTML config help



danno
04-04-2007, 06:08 PM
1) Script Title: IMAGE W/DESCRPITION TOOL TIP

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex4/imagetooltip.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
04-04-2007, 06:13 PM
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
04-04-2007, 07:20 PM
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
04-04-2007, 07:23 PM
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
04-04-2007, 09:25 PM
YOU REALLY KICKED GLUTEOUS MAXIMUS on this one, TESTING SITE...thanks again...

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

jscheuer1
04-05-2007, 02:19 PM
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).