Friday, December 22nd, 2006

WYSIWYG Imagemap Creator

Category: Showcase, Utility

<p>Simon Brüchner has created an Ajax WYSIWYG Imagemap Creator using Prototype, Scriptaculous, JavaScript Vectorgraphics Library, dp.SyntaxHighlighter, YUI Reset CSS, and YUI Fonts CSS.

As you build the image map with clicks, you see the HTML for it generate on the fly.

Imagemap Creator

Related Content:

Posted by Dion Almaer at 6:55 am
10 Comments

++++-
4.6 rating from 40 votes

10 Comments »

Comments feed TrackBack URI

Great tool. I use a combination of dynamic images and imagemaps pulled down via ajax with an app I am working on and this would be a great dev tool for creating the area templates used for certain parts of the images.

One thing : it would be nice to cancel a shape in the middle, say if you accidently started making one.

Comment by Mario — December 22, 2006

I’m sorry but that’s not very impressive. All those 3rd party scripts… slow as ****.

Here is another one, a bit better:
http://www.maschek.hu/imagemap

Maybe not the most logical gui, but a lot better than the article posted here. Using some script from Google I think.

What with ppl not writing their own code nowdays? It’s the only way to improve yourself and be creative about new ideas to solve problems. Nothing wrong with getting inspiration from others, but always ask yourself, is there a better way of solving this?

Comment by Afraithe — December 22, 2006

It fails at times.

Comment by Andy — December 22, 2006

Well, I bet 1997 will be excited.

Comment by Ed — December 23, 2006

Well, I bet 1997 will be excited.

Word to that. Why the heck would someone bother to create an image map HTML generator in this day and age? What a horrible use of time.

Comment by Patrick B — December 27, 2006

lol, great comments. can’t blame a guy for trying though.

Comment by RJ — February 2, 2007

actually, this is something I needed… I have a ticket system I’ve written where I display a graphic of the venue to the customer, but the admin has to have a way of specifying a section of this graphic as a link to a ticket section. this fit the bill PERFECTLY. ty.

Comment by Don — February 12, 2007

a bit bugy yeah and compared to http://www.maschek.hu/imagemap its nothing, but I need something like it, directly in a CMS system..so that way its cool…:-)

Comment by blide — February 13, 2007

@Mario & @Don:

The difference between http://www.maschek.hu/imagemap and http://www.kolchose.org/simon/ajaximagemapcreator/:

maschek.hu works on:
IE 5/6, FF 1.5

http://www.kolchose.org works on:
Gecko-Browsers, IE 4, 5 and 6, Netscape 4, Opera 5, 6 and 7, Safari and even IE on Mac

The technical concept isn’t based on canvas it’s based on dynamically created divs, so almost every browser is suported. See http://walterzorn.com/jsgraphics/jsgraphics_e.htm#performance for details.

Comment by Simon Brüchner — April 5, 2007

Another html image map creator which i often use can be found at:
http://www.mobilefish.com/services/image_map/image_map.php

It is ajax based and works on IE7 and FF 2.0

Comment by Jim — November 5, 2007

Leave a comment

You must be logged in to post a comment.