Example text 1

Example text 2

Example text 3

Try now

Create new Message Alert!

Download

Download jQuery Msg Alert 1.0

This package has also included jQuery, jQuery UI and jQuery Timers.

Documentation

The usage is very simple:

$('.alert-content').MsgAlert({closeTime: 6000});

This plugin uses jQuery UI Dialog, so you have all Dialog methods and properties and also these new properties:

alertWidth (default: 200)

- the width of Msg Alert Dialog

alertHeight (default: 130)

- the height of Msg Alert Dialog

autoClose (default: true)

- if true, it'll close by itself after the time defined at closeTime

wait (default: true)

- time to wait before pop an alert (useful for many alerts appearing at same time)

closeTime (default: 5000)

- time to wait untill the alert closes by its own

intervalTime (default: 500)

- time between the creation of one alert and another one

cssPosition (default: 'fixed')

- css position of the whole Dialog

cssRight (default: 10)

- padding right in pixels

alertTitleDefault (default: 'Msg Alert')

- the text that will appear at the dialog title bar if title inst' set

alertContentDefault (default: '<p>Hi there!</p>')

- the message that will appear at the dialog content if nothing is set

className (default: 'my-alert')

- the class name that you can set to create your custom Dialog theme

interSpaceHeight(default: 30)

- the space between one alert and the other

initialSpaceHeight (default: 10)

- the space from the bottom of the page for the first Dialog

Note about theming: the alert is a jQuery UI Dialog, so you can create your own theme at the same way you would do with any Dialog. This plugin also includes a class that you can name, so you have plenty options to alter the layout. Don't ask about theming, ok?

Socialize

DeliciousTwitterStumble UponTechnoratiDiggFacebookGoogleRedd It