Touch-sensitive Imagemaps


(1) server-side:
x,y coördinates
(2) server-side
 
(3) client-side
 
(4) server-side
and client-side
Click on image (1) to see the x,y coördinates of the click in the Location: field at the top of the window. Click on images (2), (3), and (4) to run the gateway /home/m/mm64/public_html/cgi-bin/markface, written in the language Perl.

Look for the coördinates at the end of the Location: field as you click on a server-side only imagemap. Watch the Status field at the bottom of the window as you move across a client-side imagemap.

Server-side imagemap (the old kind)

Give the ISMAP attribute to the <IMG> tag, and surround the <IMG> tag with a pair of <A> tags giving the URL of the gateway to execute when you click on the image. The comma-separated x,y coördinates of the click will be given as an argument to the gateway.

In image (1), the gateway is /usr/local/etc/httpd/cgi-bin/donothing, which ignores its arguments. In images (2) and (4), the gateway is /usr/local/etc/httpd/src/imagemap.c and imagemap.h. This gateway expects to see the name of a map file in the PATH_INFO part of its URL. For example, images (2) and (4) invoke the gateway with the URL http://i5.nyu.edu/cgi-bin/imagemap/mm64/markface.map, whose PATH_INFO part is mm64/markface.map. This map file /home/m/mm64/public_html/markface.map contains a list of areas and URL's, e.g., the URL of the makeface gateway mentioned above.

Client-side imagemap (much faster)

Write a pair of <MAP> and </MAP> tags, containing a list of <AREA> tags. Each <AREA> tag contains a URL, e.g., the URL of the makeface gateway mentioned above.

The NAME attribute of the <MAP> tag gives a name to the list. Use this name as the value of the USEMAP attribute of the <IMG> tag.