IME-JAS v0.04 - Image Map Editor written in JavaScript

This simple JavaScript based editor allows you to interactively create HTML code for a client-side clickable image map using the image from a file (.gif, .jpg, .png, .bmp). I.e. it creates source code with elements img and map with areas. The coordinates of image areas are defined using a mouse.

Tested with Netscape 6.2, Internet Explorer 5.5

• How to use it
• Editor
• Known problems
• Contact

How to use it

1. Load your image by assigning its file name to the Image input using Browse button.
   If you are using Netscape, click on e.g. Coords input line to reload the page with the new image

---

2. Select wanted Shape for the first area
3. Click on the coordinates that define given shape. The coordinates will be filled to the Coords input:
   • For rect click on the upper-left then the bottom-right corner of the rectangle area
   • For circle click in the center of the circle area, then on the point on the circle most on the right
   • For poly click on polygon ridges in clockwise order
4. Enter URL of the page to be opened upon click in this area to Href input.
5. Click on Add button - the HTML source code for the area will be added Source text area. There you can eventually add some other attribute values.

---

6. Repeat the area defining steps (2.-5.) for other areas
7. Click on Finish button - the source code will be completed, new browser window will be opened for the testing of the created code.
8. You can copy just the image map source code from the Source text area to your HTML source using a clipboard or save the full HTML source of the testing page.

Editor

Known problems

• With Netscape 6.2 after selecting the image file you have to click somewhere else in the page area to update the page.
• No checking of entered coordinates of URLs for validity is performed.

Contact