Sometimes you may want the login form or a contact form to be displayed in a more dynamic way. It could be in modal window and using ajax to submit the form for better user experience.

Example modules

The example modules attached to this post crates a block with a link that displays the user login form in a modal window using jQuery UI and submits the credentials through an ajax callback. You don't need a block to use the technique used here, but it's a convenient way to get a link with a class that can be target by jQuery and used to trigger a modal window.

The modules have been documented in-line, so please download them and read the documentation will learning this technique.

Required modules

The modules here requires that you have the following module downloaded and enabled.

• jQuery Update
• jQuery UI (D6 only)
• Libraries

Files

• d6_ajax_submit.tar.gz
• d7_ajax_submit.tar.gz