Tools, FAQ, Tutorials:
Server-Side Image Maps in HTML
What Is a Server-Side Image Map?
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:
â‡’HTML Inline Images and Image Maps
2017-03-22, 1517👍, 0💬
Where is API Management Service on my Azure Portal? If your IT department has signed up for an Azure...
How To Remove Slashes on Submitted Input Values in PHP? By default, when input values are submitted ...
How to detect errors occurred in the json_decode() call? You can use the following two functions to ...
Where to find tutorials on Microsoft Azure services? Here is a large collection of tutorials to answ...
Where to find tutorials on Visual Studio? I want to know How to learn Visual Studio. Here is a large...