Hacking javascript: a contact form in a google maps info window

One of my goals last year was to be a better javascript programmer. After I finished the travel map I searched for ideas for new small projects. I came up with the idea to add a contact from to a google maps info window. Beside the google maps api and jquery mapped contact form uses jquery.validate for fancy offline validation. Jquery.form is used to send and ajax request with the entries to a simple php backend. The backend php script just sends an email with the input. It was a bit tricky to make the form and the jquery plugins playing well inside the map info window. But finally i found a nice solution. Thats how it looks like: [mcf id="map_canvas" width="640px" height="400px" map_center="48.6909283, 8.939690299999938" map_zoom="10" listener="mouseover" locations="(office, 48.6909283, 8.939690299999938, house_blue, kontakt@jensjaeger.com);"]
Mapped contact form works really well if you have multiple offices or stores and offer a user friendly way to contact each of them. It's available in different flavours for some dollars: Javascript edition - Mapped contact form pro Php edition - Mapped contact form pro Php WordPress Edition - Mapped contact form pro WordPress