View Full Version : Cool DHTML tooltip script - Make a picture appear in box

07-17-2007, 10:20 PM
1) Script Title: Cool DHTML tooltip script

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex5/dhtmltooltip.htm

3) Describe problem:

I have taken the Cool DHTML tooltip script and added it to an Image map. I want to add a graphic with a picture inside the tip too.

I have searched this forum and do not see a solution. Can anyone help? I thought I had posted this before and someone answered but I do not see it.

Here it is:


07-18-2007, 08:15 AM
Not that I have any clue what I'm talking about... but you can't just add an image src in with the text?

The real reason I'm saying anything is the small world theory... tripped me out when I saw Blue Oaks Marketplace... considering I'm just down the block...

At the very least at least you get a bump from this :)

07-18-2007, 04:06 PM
Actually we copied our client Blue Oaks Marketplaces virtual map and are replicating it for another client. The title has not been changed on the page yet so that is why you see Blue Oaks Marketplace.

I tried img src with the carrots like this and it did not work.

<area href="microsite_fitness_19.htm" shape="polygon" coords="444, 394, 445, 482, 493, 482, 523, 482, 523, 395" onMouseover="ddrivetip('<img border="0" src="Lanitech_Artwork/graphic_office_photo.jpg" width="312" height="223">Recption Area: (17ft x 19ft)')";

07-18-2007, 07:58 PM
You need to put a backslash in front of any quotes, apostrophes or open/close brackets or an error will occur.
So instead of

onMouseover="ddrivetip('<img src="Lanitech_Artwork/graphic_office_photo.jpg">Reception Area: (17ft x 19ft)')";


onMouseover="ddrivetip('\<img src=\"Lanitech_Artwork/graphic_office_photo.jpg\"\>Reception Area: (17ft x 19ft)')";

09-09-2007, 10:35 PM
That did not work! Still I have no picture inside my tool tip :-(