web print interactive

lab

Archive for the ‘Web Design’ Category

MooTools Initial Load Issue

Wednesday, February 27th, 2008

While adding a basic show/hide feature to a client’s website, I ran across a rather annoying issue. I’m refraining from calling it a bug, as the issue was only replicable on Internet Explorer 6 and 7 on PC. Surprise, surprise.

The show/hide feature is basically the Toggle Effect demonstrated on MooTools’ Fx.Slide Demo. My client wanted to have a link in the footer of their site that, when clicked, would reveal a vertical list of internal site links - for SEO purposes.

Here’s an example of the list
(more…)

Simple Ajax Contact Form

Wednesday, February 6th, 2008

This tutorial, or should I say example, is a very Simple Ajax Contact Form. But don’t let the simplicity fool you. This form can communicate with a PHP Mail Script without having to refresh the page, validate user input on both the client and server sides, work even if the user has JavaScript disabled and will use a nifty little trick to combat Spam.

Nothing in this tutorial is truly original or developed by myself. I’ve compiled the ideas and concepts that I use whenever I need an Ajax Form. I am not claiming creative recognition or ownership of these ideas, and I (try to) give full credit to the original authors of each. I simply hope to provide a resource that some may find useful.

Here’s a demo to check out.
(more…)