Image Maps like we made them in 1997The code around the navigational image on this page:<a href="master.map"><img src="master.gif" width=83 height=473 ismap></a> On the server is a file called "master.map" which contains:base https://lab.artlung.com rect /server-side-image-map/?n=Search 0,0 83,50 "Search" rect /server-side-image-map/?n=About+ARCO 0,50 83,103 "About ARCO" rect /server-side-image-map/?n=News 0,103 83,153 "News" rect /server-side-image-map/?n=Products+%26+Services 0,153 83,222 "Products & Services" rect /server-side-image-map/?n=Financials 0,222 83,271 "Financials" rect /server-side-image-map/?n=Careers 0,271 83,323 "Careers" rect /server-side-image-map/?n=Reports 0,323 83,377 "Reports" rect /server-side-image-map/?n=Operations 0,377 83,425 "Operations" rect /server-side-image-map/?n=Help/Email 0,425 83,473 "Help/Email" Syntax of that map file come from Apache. Originally this image was on here. Clicking on the link where the img tag inside has the ismap attribute will call the link like: https://lab.artlung.com/server-side-image-map/master.map?14,114And then apache does the lookup and turns that x,y coordinate pair into https://lab.artlung.com/server-side-image-map/?n=NewsFrom MDN: This Boolean attribute indicates that the image is part of a server-side map. If so, the coordinates where the user clicked on the image are sent to the server. |