Make your own free website on


This applet enables searching for text elements in an image. The applet also enables setting hotlinks for various regions on the image. This applet is ideally suited for browsing and searching in a floormap image. The data for the applet can be provided either in a text file or as an applet param.


  1. Browsing and searching in an Image

    The applet shown below reads data from the applet param. Details of the applet params are described here. The applet loads three images: fmsearch2.gif, cafeteria.gif and cantonesemenu.gif where the first one(fmsearch2.gif) being the top level image and the latter two being child level images.

    • Browse the image by arbitrarily dragging it with the mouse. Click on the 'Reset' button to reset the image.
    • Search for text elements in the image. (Ex: 'booth 400'). The search is case insensitive. Use the "reset" button before starting a search with a new string. To search for the next occurrence of the same string click on the search button consecutively. In this demo applet the text elements "BOOTH 100", "BOOTH 200", "BOOTH 300", "BOOTH 400", "BOOTH 500" and "CAFETERIA" are search enabled.
    • The strings specified in the applet data can be longer than the corresponding strings in the image. For instance, "booth 400" occurs in the image but we have specified it as as "booth 400, Gigabit Ethernet" in the applet data. Searching for "giga" will return "booth 400".

    An example of the same applet reading data from a text file is shown here.

  2. Hotlinking Text Elements on the Image

    • If hotlinks are defined for any of the text elements a rectangular "highlight box" will appear when the mouse pointer is moved over the strings. Since a hotlink is not defined for "BOOTH 101" the highlight box will not appear for this region.
    • Double-clicking on hotlinks on the image opens the corresponding document. A target window for this document can be specified through the applet param TARGETFRAME. If the hotlink is an image then it is loaded in the current applet. In this demo applet the text elements "BOOTH 100", "BOOTH 200", "BOOTH 300","BOOTH 400", and "CAFETERIA" are hotlinks. The hotlink for "CAFETERIA" is an image. So double-clicking on "CAFETERIA" will display cafeteria.gif.

  3. Displaying User-Defined Text on the Image

    • The applet can, optionally, also draw user-defined text on the image. In our example, the strings "booth 101", "booth 102", "booth 103" and "booth 104" are not part of the image but are user-defined. The last field of each line of data specifies this drawing option.

  4. Centering a Text Element of the Image

    • Optionally, the applet can also "center" a text element when it is accessed for the first time. A demo of this feature can be seen by clicking on the "Where am I?" link just above the applet.

  5. Browsing Hierarchically Organized Images

    • In this example we have also loaded two additional images, cafeteria.gif and cantonesemenu.gif where cafeteria.gif is an exploded view of the "CAFETERIA" region of the main image fmsearch2.gif, and cantmenu.gif is an exploded view of the "CANTONESE" region of cafeteria.gif.
    • Double-clicking on "CAFETERIA" in the main image will open an enlarged view of that region by loading cafeteria.gif. Double-clicking on "CANTONESE" in cafeteria.gif will open cantmenu.gif.
    • Use the "Back" button to load the previous image. Use the "Reset" button to reset the current image. Use the "Home" button to reset the applet.

  6. Searching for Text Elements in the Child Images

    • Text strings that appear in images that are lower in the hierarchy can also be searched. For instance, searching for "chicken" when fmsearch2.gif is displayed will return "CAFETERIA". Double-click on this region to load cafetria.gif and then hit the search button which will return "CANTONESE". Finally, double-clicking on this region loads cantonesemenu.gif that contains the string "chicken".
    • The search result is undefined when a search string occurs in the parent image of the currently displayed image.

To handle a bug in IE3.0
Where am I?
To handle a bug in IE3.0
Here is the zip file if you are interested in testing this applet locally. You'll be able to test upto 20 hyperlinks with these files. The registered version of the applet has no limit to the number of hyperlinks.

Nalla Senthilnathan