jQuery Plugin – jMailer

December 13, 2009

jMailer is a plugin for jQuery I wrote that provides the visitor with a popup email form. It should be attached to a link element and when that link is clicked, the popup appears centered in the viewport.

Within the popup is a form which let’s the visitor enter an email address they want to send the email to, their email adress so that the recipient can reply directly to them, a subject box and a message box.

jMailer Example

The ‘Contact Me’ tab at the top of this site has the plugin attached; click it to see the popup form and send me a message :D
The To field has been mapped to my own mail address in the back-end so messages will only come to me.

You should also note that the plugin constitues just the front-end. A back-end of your choice (PHP, .NET, etc) can be attached to do the physical sending of mail.

jMailer Features

The current release (1.1) of jMailer has the following features:

  • Automatic modality
  • Automatic iFrame shim when IE6 is used
  • Configurable opening and closing animations
  • AJAX sending of form data to the back-end and confirmation message
  • Basic error checking for non-completed fields

jMailer Usage

Using the plugin is simple: Download the source file and ensure you have a copy of the jQuery library to hand (min version 1.2.6).

Then just attach the plugin to the link using standard jQuery syntax:

$("#mailerLink").jMailer();

jMailer Configuration

A configuration object can be supplied in the constructor to configure various options:

var config = {
  modal: true || false //defaults to true
  id: "a string" //defaults to "mailer"
  shim: true || false //defaults to false unless IE6 in use
  forceShim: true || false //defaults to false
  defaultClass: "a string" //defaults to "mailer-container"
  additionalClass: "a string" // defaults to null
  suppressTo: true || false //defaults to false
  animation: hide || slideUp || fade //defaults to hide
}

$("#mailerLink").jMailer(config); 

11 Responses to “jQuery Plugin – jMailer”

  1. madcontent says:

    Thanks for posting such a informative weblog. Your website happens to be not only useful but also bvery imaginative too. We come across only few people who can think to create technical stuff that creatively. I keep looking for articles with regard to a subject like this. I Myself went through several blogs to find knowhow regarding this. Looking forward to many more from your site !!

  2. benj says:

    Hi from australia, good website. I should come back next week to see what’s new.

  3. Adam Bott says:

    Hello, first I want to say great blog. I don’t always agree with your opinion but it’s always a great read.
    Keep up the good work.

  4. Yan Hense says:

    If Dos Santos wins this, he has to be the number one contender,

  5. Cool! Keep up the good work and thank you for sharing.

  6. iamamantel64 says:

    Hello. This is kind of an “unconventional” question , but have other visitors asked you how get the menu bar to look like you’ve got it? I also have a blog and am really looking to alter around the theme, however am scared to death to mess with it for fear of the search engines punishing me. I am very new to all of this …so i am just not positive exactly how to try to to it all yet. I’ll just keep working on it one day at a time Thanks for any help you can offer here.

  7. Dan Wellman says:

    Hi, creating a new theme is relatively easy, look at how the default theme is created and modify it to suit your own needs. see this tutorial for tips: http://www.cypherhackz.net/archives/2006/12/13/make-your-own-wordpress-theme-part-1/

  8. I am quite new to wordpress. but what you write in this post is really great and very informative. I think it will help me in the future. Thanks for the great job

  9. OP: I could be daff (lord knows I have been told lol) but you made absolutely no sense what so ever…

  10. Well written and a great read :)

  11. Ivey Cabello says:

    Tolle Internetseite – Habe “a little Question”. Mein kleines Ego ist auch unmittelbar dabei meinen Weblog zusammen zu bauen und ich finde dein Design gut. Wo kann man das Theme herbekommen?

Leave a Reply

  • jQuery UI 1.7: The User Interface Library for jQuery

    jQuery UI 1.7

    Learn the latest version of jQuery UI with a detailed, step-by-step approach£29.99£23.79!Read more
  • jQuery UI 1.6: The User Interface Library for jQuery

    jQuery UI 1.6

    If you need to use jQuery 1.2, this book will show you how to leverage jQuery UI 1.6£29.99£23.79!Read more
  • Learning the Yahoo! User Interface Library

    Learning YUI

    Discover how to use version 2 of the YUI to it's full potential£27.99£23.79!Read more