Bookshelf v7.5: Image Map Input UI Controls

An image map input UI control functions in much the same way as a group of radio button input UI controls function. For example, an image map input UI control can take the form of a three-color item. Users would click on a color, instead of a radio button, to make a selection.

In the relevant Feature table, you must specify the UI control name and its map name, input shape, and coordinates. You can swap your own image files to represent a selected palette, but you must provide your own browser-specific code to use DHTML to swap images.


Argument	Description
name	Feature table name and the name of the input UI control that corresponds to the information represented by the image map (for example, COLOR).
mapName	Name of the image map. All image maps must have unique names. Image maps cannot be named map.
file	File name of the image (or name of a table column that contains the file name of the image) used.
shapeCol	Interactive Designer data column that contains the shape of the image map area.
coordCol	Interactive Designer data column that contains coordinates of the image map area.

Example

The following sample code creates an image map input UI control whose image source file name is defined in the PICT column of the COLOR Feature table:

document.write(ISS.BuildWidget("MAP",window,"COLOR",
"color_map","PICT","SHAPE","COORD"));

The following sample code creates an image map input UI control that directly calls the image source file called Flag.gif. This file should be located the pg directory.

document.write(ISS.BuildWidget("MAP",window,"COLOR",
"color_map","Flag.gif","SHAPE","COORD"));