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

Posted by Jens J├Ąger on May 06, 2012

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:



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

Trackbacks

Use this link to trackback from your own site.

Comments

Leave a response

  1. Shams Tue, 07 Jan 2014 00:48:19 CEST

    do have this javascript where it work in backbonejs?

  2. Jens Tue, 07 Jan 2014 21:21:36 CEST

    No I haven’t use this mapped contact form with backbone.

Comments