Does any of the CC software assist in creating pop-up Tool Tips? I own pretty much all of it but haven't found that item just yet.

When I create an image map at times on a webpage, it would be advantageous to have a mouseover popup a colorful Tool Tip when the user goes over a specific area. It looks like it's typically done in Java but that's way above my head.

As far as I know, there is no such tool in the CC software.
Check out http://www.johnsflats.com, right side. Those popups can be made for just text too. I think Eric Rohloff has a how-to on his website, http://progrower.coffeecup.com/

That's what I was looking for. Thanks!

Eric, would you know how to modify the code on your site for mouse-over popups to work on an image map as opposed to a single image/link? It works perfect on one image, but if one has a complete image map, I'm not sure what it would take to modify the code to work that way?

An small example of the code I am trying to use this on is:

<map name="imgmap">
<area shape="square" coords="50,18,122,39"><img src="./images/img1.jpg" href="#" alt="1">
<area shape="square" coords="122,40,228,64"><img src="./images/img2.jpg>" href="#" alt="2">
</map>
<p>
<img border="0" src="./images/USA_map.jpg" usemap="#imgmap">
</p>

On mouseover of the selected coordinates, I'd like to popup the appropriate image.


Thank you.

Hiya jayjay,

to do that just add :

title="insert text here that you want to be the popup text"

to each of the src tags

so it would be like this:

<area shape="square" coords="50,18,122,39"><img src="./images/img1.jpg" href="#" alt="1" title="insert text here that you want to be the popup text">

I think that only pops up the ALT tag and doesn't work for an image mapped image ... for example, my image that I am using is a map of the united states. I have it mapped so when your mouse goes over California, a small California ToolTip I have created (graphic file named img1.jpg) should pop up while hovering over California. Your suggestion works well for one image, one ALT tag popup, but I don't think it will work for what i am trying to do?

Example: http://www.gr-hs.com/dev/contact.htm

Hiya jayjay,

I just tried it using Firebug in Firefox 9.0.1 and it works for me. I basically changed this:

<area shape="poly" coords="50,18,122,39,103,110,191,249,172,289,121,279,65,215,37,58,50,19" onmouseover="doalt('<img src=./images/imgmaptest1.jpg>')" onmouseout="realt()" onmouseover="doalt('<img src=./images/imgtestmap1.jpg>')" onmouseout="realt()" href="#" alt="1"><!--California-->

<area shape="poly" coords="122,40,228,64,197,207,186,205,183,232,102,111,123,40" onmouseover="doalt('<img src=./images/imgmaptest2.jpg>')" onmouseout="realt()" href="#" alt="2"><!--Nevada-->

to this:

<area shape="poly" coords="50,18,122,39,103,110,191,249,172,289,121,279,65,215,37,58,50,19" onmouseover="doalt('<img src=./images/imgmaptest1.jpg>')" onmouseout="realt()" onmouseover="doalt('<img src=./images/imgtestmap1.jpg>')" onmouseout="realt()" href="#" alt="1" title="California"><!--California-->

<area shape="poly" coords="122,40,228,64,197,207,186,205,183,232,102,111,123,40" onmouseover="doalt('<img src=./images/imgmaptest2.jpg>')" onmouseout="realt()" href="#" alt="2" title="Nevada"><!--Nevada-->


When I moused over either of those 2 states I got the corresponding popup text. Did you try it at all or is it just an assumption it won't work?

Also did you realize you had duplicated code in the California setup?

OK ... I just proved the old ASSumption adage on myself :-(

Thanks ... I got that working now have to see if I can get the image to popup instead of the "title" tag but the title tag is a start.

Additionally, thank you for the mention of the dupe code ... hadn't seen that.

awesome, a start is better than nothing hehe. And you're quite welcome on the code. Good luck on the popup image, I recall seeing some scripts floating around on that not too long ago, might try searching the forums even for help on that. Also check http://progrower.coffeecup.com/ as Eric may have something on there of help.