Example text 1
Example text 2
Example text 3
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?