Tools, FAQ, Tutorials:
Server-Side Image Maps in HTML
What Is a Server-Side Image Map?
✍: FYIcenter.com
A server-side image map is an image inside a hyper link. The image must be
defined with the "ismap" attribute in the "img" element. When a server-side
image map is clicked in a browser window, the mouse coordinates will be delivered to the server
by them to the end of the URL of the link in the format of "?x,y".
Here is a tutorial example with a server-side image map:
<?xml version="1.0" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>Server-Side Image Map</title> </head> <body> <h4>Inline Images</h4> <p style="background-color: #eeeeee; padding: 8px;"> This is a server-side image map test. <a href="http://localhost/mapping?var=val">Click this image <img src="/moonrise.jpg" alt="Moonrise" width="69" height="91" ismap="ismap"/> to see what happens.</a> Use browser back button to come back.</p> </body> </html>
If you save the above document as server_image_map.html, and view it with Internet Explorer, you will see an image in a hyper-link as shown below:
⇒ Client-Side Image Maps in HTML
2017-03-22, 3103🔥, 0💬
Popular Posts:
What is Azure API Management Developer Portal Admin? The Developer Portal Admin is an Azure Web port...
How to read RSS validation errors at w3.org? If your RSS feed has errors, the RSS validator at w3.or...
How To Remove Slashes on Submitted Input Values in PHP? By default, when input values are submitted ...
How to use "link" command tool to link objet files? If you have object files previously compiled by ...
How to dump (or encode, serialize) a Python object into a JSON string using json.dumps()? The json.d...