G&G Motorsport Contact Form

Rick recently asked me help out with the redesign of the G&G Motorsport site. The task? An Ajax powered drop-down inline contact form available from any page. The solution? jQuery.

G&G Motorsports is an independent company specialising in the supply, fitting and calibration of engine control systems. The new site needed to serve up news, event and product information in a slick and stylish way, so a clunky old-school contact form just wasn’t going to cut the mustard.

To progressively enhance Rick’s custom Wordpress install , yet at the same time keep things simple, the contact anchors begin as simple mailtos which will always be available in the absence of JavaScript. jQuery is then used to attach some onclick events which show the hidden contact form with a slideDown effect.

The form itself is submitted via an Ajax callback to a standalone custom php script which receives and validates the form data, asynchronously serving a response back to the $.post callback which is then displayed in real-time to the user.

The new site can be seen on ggmotorsport.co.uk, or you can read more about the redesign over at ricknunn.com