Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 500
  • Last Modified:

usemap

Hi,
How do I define a coordinate for an image to use it in "usemap" , any software can do that?
aslo on mouseover how can show up a  text message diplay some information.

full code sample will be highly appreciated.
0
ethar1
Asked:
ethar1
1 Solution
 
callrsCommented:
use the title property to display a text message for onmouseover event:

<form>
<input title="This information is a  tooltip!" type=button value="Move mouse here!">
</form>
0
 
ZylochCommented:
Defining coordinates isn't that difficult. You can use the <area> tag. Example code can be found on any site that documents how to create an image map, i.e. http://www.htmldog.com/reference/htmltags/area/

For general tooltips, you can try adding the title and alt attributes to the <area> tags themselves for tooltips, i.e.

<area shape="poly" coords="blah coords" title="Part of the Moon" alt="Part of the Moon" />

Now, if you want your page to display a message on mouseover, you can also check out Javascript tooltip menus such as this one: http://www.dynamicdrive.com/dynamicindex5/dhtmltooltip2.htm

and just make sure the onmouseover is on the area tag!

0
 
Mr_LenehanCommented:
If you're on Windows, MS Paint can give you the co-ords you need... in fact almost all image editing software can.  Simple hover your mouse at a location and look at the staus bar. Callrs' snippet is a perfectly simple example on the tooltip and will work fine.
0
Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
ethar1Author Commented:
thanks guys,
I don't want to use "alt", I already use it and doesn't look like professional in my case.
also the coordinate is very complicate to define it using such a methods.
anyway I just need to show a provessional text message pop up when mouse move over not HOVER.

Thanks.

0
 
ethar1Author Commented:
I can c the same functionality in http://www.dynamicdrive.com/dynamicindex5/dhtmltooltip2.htm, just move the mouse over " Java script kit" OR "CodeTrics.com" and you can c the text message , I need something like that.

I will try to grap the code there waiting for better solution you can give.

Thanks.
0
 
ethar1Author Commented:
ohh! I just curfully read the http://www.dynamicdrive.com/dynamicindex5/dhtmltooltip2.htm now :)

0

Featured Post

What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now