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:

  • Free HTML editor offers alternative to FrontPage
    Looking for a replacement for Microsoft's FrontPage Web authoring application? Nvu, a free and open source WYSIWYG HTML editing tool is a good...
  • Websense gives Google Trojan warning
    Security vendor Websense has warned that Google’s website hosting service is being used by hackers to try to steal money using a malicious...
  • iSeries freeware/shareware library
    Who says there's no such thing as free lunch? Here are a number of useful tools that can be used as is or customized to fit your needs. Check them out...
  • iSeries freeware/shareware library
    Check out our iSeries freeware and shareware library for a comprehensive listing of i5/iSeries downloads, code samples and useful tools that can be...
  • TheServerSide at JavaOne 2005
    Highlights of the conference include: Sun's push of open source on a lot of levels in the Java stack, the rebranding of J2SE and J2EE, and the...

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.