Solved

usemap

Posted on 2006-06-23
6
497 Views
Last Modified: 2008-03-17
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
Comment
Question by:ethar1
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
6 Comments
 
LVL 30

Expert Comment

by:callrs
ID: 16969169
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
 
LVL 36

Accepted Solution

by:
Zyloch earned 500 total points
ID: 16969190
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
 
LVL 2

Expert Comment

by:Mr_Lenehan
ID: 16969442
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
What Is Transaction Monitoring and who needs it?

Synthetic Transaction Monitoring that you need for the day to day, which ensures your business website keeps running optimally, and that there is no downtime to impact your customer experience.

 

Author Comment

by:ethar1
ID: 16972258
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
 

Author Comment

by:ethar1
ID: 16972275
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
 

Author Comment

by:ethar1
ID: 16972284
ohh! I just curfully read the http://www.dynamicdrive.com/dynamicindex5/dhtmltooltip2.htm now :)

0

Featured Post

The Ultimate Checklist to Optimize Your Website

Websites are getting bigger and complicated by the day. Video, images, custom fonts are all great for showcasing your product/service. But the price to pay in terms of reduced page load times and ultimately, decreased sales, can lead to some difficult decisions about what to cut.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

In Part 1 (http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/A_7849-Hex-Maze.html) we covered the hexagonal maze basics -- how the cells are represented in a JavaScript array and how the maze is displayed.  In this part, we'…
The task A number given should be formatted for easy reading by separating digits into triads. Format must be made inline via JavaScript, i.e., frameworks / functions are not welcome. So let’s take a number like this “12345678.91¿ and format i…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

695 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question