fabs Posted April 27, 2009 Share Posted April 27, 2009 Hai. i have learned about usemap attribute in http://www.w3schools.com/TAGS/att_img_usemap.aspi have read about definition and usage of usemap attributebut i dont understand about this one.The usemap attribute specifies an image as a client-side image-map.what is the meaning of client-side image-map???? Link to comment Share on other sites More sharing options...
Synook Posted April 27, 2009 Share Posted April 27, 2009 Making an image an image-map means you can specify bits of the picture as links. Client-side because the linking happens on the client (browser), as opposed to the mouse co-ordinates being captured and processed server-side maybe? Link to comment Share on other sites More sharing options...
jeffman Posted April 27, 2009 Share Posted April 27, 2009 . . . as opposed to the mouse co-ordinates being captured and processed server-side maybe?Correct. The ismap attribute defines an image as a map to be evaluated server-side. It passes coordinates to the server, assuming a server script exists to process them. Both kinds of image mapping are very old HTML techniques (early 1990s), but the server-side map came first, and was one of the first common uses for CGI technology. Why client-side mapping wasn't developed first, I don't know. Almost no one uses server-side mapping anymore. Link to comment Share on other sites More sharing options...
fabs Posted April 27, 2009 Author Share Posted April 27, 2009 hai manhow to make coords coordinates in area tags?????i dont understand that Link to comment Share on other sites More sharing options...
chibineku Posted April 27, 2009 Share Posted April 27, 2009 Hiya. Take this example from an old practice page: <map name="navigation"><area shape="rect" coords="27,30,126,63" href="index.html" target="top" /><area shape="rect" coords="27,90,126,129" href="java script:nextPage()" /><area shape="rect" coords="27,154,126,193" href="java script:previousPage()" /><area shape="rect" coords="27,217,126,253" href="http://www.w3schools.com/" target="reviewArea"/><area shape="rect" coords="27,275,126,319" href="mailto:chibineku@aol.com" /></map><img src="navigationbar2.gif" height="350px" width="150px" border="0" usemap="#navigation" alt="navigation bar" /> For each area, you need to specify the area that will be a link. For a rectangle, the first 2 numbers of the coords are the x and y location of the top left corner, in pixels. Well, it's kind of the x and -y coords - you need to figure out how far you are from the top, not from the bottom of the picture. If it's a circle, you have 3 numbers: x, y, radius (again, in pixels). Link to comment Share on other sites More sharing options...
fabs Posted April 27, 2009 Author Share Posted April 27, 2009 how do we figure out the pixel of x and y coordinates??? Link to comment Share on other sites More sharing options...
jeffman Posted April 27, 2009 Share Posted April 27, 2009 Your image editor probably has an info palette that shows x/y coordinates as the mouse passes over the image. Park the cursor over key locations and write down the coordinates.ORYou could try this little toy I made for myself. It's really not ready for the public, but it does work, especially with polygons. http://www.sophox.com/mapmaker.htmlOH YEAH! Only works for certain in Firefox. Link to comment Share on other sites More sharing options...
chibineku Posted April 28, 2009 Share Posted April 28, 2009 Hm, doesn't work for me for some reason. Interesting code though. I reckon it'll take me about a week to decipher, but it'll be an educational week Link to comment Share on other sites More sharing options...
jeffman Posted April 28, 2009 Share Posted April 28, 2009 Hmm. Maybe it only works in beta. Like I said, it was only meant for my use, so when I got it working for me, I stopped developing. Link to comment Share on other sites More sharing options...
thescientist Posted April 28, 2009 Share Posted April 28, 2009 Hmm. Maybe it only works in beta. Like I said, it was only meant for my use, so when I got it working for me, I stopped developing. you monster! Link to comment Share on other sites More sharing options...
Ingolme Posted April 28, 2009 Share Posted April 28, 2009 It works for me. Link to comment Share on other sites More sharing options...
jlhaslip Posted April 29, 2009 Share Posted April 29, 2009 Doesn't work for me using ff3.0.9/Ubuntu 9.04 Link to comment Share on other sites More sharing options...
fabs Posted April 29, 2009 Author Share Posted April 29, 2009 its also doesnt work for me. ff 2.0.0.11/windows XP Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.