Imgmap

The new release has improved support for IE8, contains two new examples how to use the library with ExtJS and Xinha, and also comes with a brand new Xinha plugin. Watch out, plugins and AIR executable now come as a separate download!
You can grab the latest pack and plugins here or here.

Version 2.2 changelog:
* Updated excanvas to r3 - should solve IE8 problems
* Added Example with ExtJs integration, thanks to Colin Bell
* New callback event: onDblClickArea
* Fixed Issue 21: Example 1 and soon online editor supports background change
* Fixed Issue 23: Possible to click on area in highlighter mode and fire a callback (follow the link)
* Added Xinha plugin both as an example and a separate plugin
* Examples got renamed to reflect what they do, plugins got separate packages, top level folder is now included in them.

All the effort that was spent to make the imgmap library as extensible as possible was not in vain!
Colin Bell took the lib, and planted it inside ExtJS. Very nice job, it will be included as an example in future releases. Thank you Colin!

NOTE: double click to edit area properties.

This is an archive post. It represents a point of view in the past. Facts might have changed, events might be interpreted differently as of today. Links might be broken.

…ok, the new version contains some major changes so watch out, if you have any bugs or kinks to report, please do so. You can grab the latest pack here or here.

Version 2.1 changelog:

• Separated most drawing-specific and gui-specific codes. This means easier integration with ANY kind of user interface.
• GUI specific functions went to default_interface.js
• JSDoc toolkit based documentation using modified outline template of JProton.
• Updated all examples to use separate interface code and map handling code.
• Removed example 5, since all examples use callbacks now.
• Fixed issue when dragging areas in Safari will cause selecting all kinds of things.
• Fixed issue when scrolled image in Opera will result drawing with offset.
• Fixed Issue 13 : Suggestion: image url with timestamp
• Fixed Issue 14 : Javascript error in MSIE
• Fixed Issue 17: Doesn’t work with Adobe AIR 1.1 - new package built with latest SDK
• Internal and generated html shape names are HTML conform (circle, rect, poly)
• Zoom (scale) functionality (new function scaleAllAreas, new property globalscale)
• Zoom introduced to all plugins.
• Added CSS output and Wiki output formats.
• Added bezier (quadratic curve) support (just for fun, not standard image map shape, disabled by default)
• Updated FCKEditor example to use latest FCK.
• TODO: Elliminated some memleaks using drip.
• TODO: update tiny
• AIR queries are now synchronous.

This is an archive post. It represents a point of view in the past. Facts might have changed, events might be interpreted differently as of today. Links might be broken.

I was thinking recently how to speed up in an intelligent way the creation of image maps with my online utility. Often users try to map images like this:

The user will select “Home” and try to map it, giving it an url, adding an alt attribute. Now what if we could prefill the alt attribute with the text “Home”? Optical character recognition (OCR) in javascript? Wow, that would rock!
Well, technically we can access pixel data with the advent of the canvas element, but since OCR is a processor heavy operation, as i see today (better to say as Google sees it), noone wasted the time to write a javascript based OCR yet. :)
Now what if we use some server-backed online service?
Technically speaking again, it is possible to crop one part of the image, get the image data, post it to the online OCR, and parse the result. Unfortunately these online services didnt produce too good results with the test image above. I know, it is noisy jpg and too small, but still, it is a real life example.

Alright folks, for anyone, who is listening here, new version is released, you can go and grab it at:
http://www.maschek.hu/imagemap/index

Changes include:
- TinyMCE3 support
- Adobe AIR support

This is an archive post. It represents a point of view in the past. Facts might have changed, events might be interpreted differently as of today. Links might be broken.

…grab it at http://www.maschek.hu/imagemap/download or http://code.google.com/p/imgmap/

changelog:
Version 2.0beta3
Added MAP id attribute support apart from existing MAP name usage.
Added function getMapId().
Added function getMapName().
Added function getMapInnerHTML().
Added TinyMCE support plus example. (Thanks to John Ericksen)
Added FCKEditor support plus example. (Thanks to Alfonso Marti­nez de Lizarrondo)
Added custom callbacks on certain imgmap events.
Added Safari support. (Thanks to Alfonso Martínez de Lizarrondo)
Improved handling of bad coordinates.
Fixed several bugs and issues.

Hi folks,

There have been some activities recently around the project that i’d like to inform you about:)

Firstly, i have imported all the source code into an svn repo at imgmap.googlecode.com.
Anonymous checkout is possible, commit is only for project members (if you are interested in this, drop me an email)

The source will soon be packaged into a new release as soon as everything is close to stable:)

Apart from including some long-awaited examples how to use the editor, the two big stars will be the tinymce and fckeditor plugins.