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, 2682🔥, 0💬
Popular Posts:
Where to get a JSON.stringify() Example Code in JavaScript? Here is a good JSON.stringify() example ...
How to build a PHP script to dump Azure AD 2.0 Authentication Response? If you are use the Azure-AD-...
How To Avoid the Undefined Index Error in PHP? If you don't want your PHP page to give out errors as...
What is EPUB 2.0 Metadata "dc:publisher" and "dc:rights" elements? EPUB 2.0 Metadata "dc:publisher" ...
Where to get a real Atom XML example? You can follow this tutorial to get a real Atom XML example: 1...