This is a simple and plain messagebox class based on mootools, its content comes from a div that you specify. As you can see, you can integrate any kind of html into the box. You can define a lot of things to make your box look the way you want:
- width and height
- attach a CSS class
- add a button and its caption
- add a title bar and its caption
- define the additional
with contents
- define the fade speed of the box
- define the opacity
- make the box draggable
This box has been tested with Internet Explorer 6/7, Firefox 2.0.0.14, Opera 9.2 and Apple Safari for Windows.
Check the demo: mooMessageBox
![[Ask]](http://www.artviper.net/wp/wp-content/plugins/bookmarkify/ask.png)
![[Bloglines]](http://www.artviper.net/wp/wp-content/plugins/bookmarkify/bloglines.png)
![[BlogMarks]](http://www.artviper.net/wp/wp-content/plugins/bookmarkify/blogmarks.png)
![[Blogsvine]](http://www.artviper.net/wp/wp-content/plugins/bookmarkify/blogsvine.png)
![[del.icio.us]](http://www.artviper.net/wp/wp-content/plugins/bookmarkify/delicious.png)
![[Digg]](http://www.artviper.net/wp/wp-content/plugins/bookmarkify/digg.png)
![[diigo]](http://www.artviper.net/wp/wp-content/plugins/bookmarkify/diigo.png)
![[dzone]](http://www.artviper.net/wp/wp-content/plugins/bookmarkify/dzone.png)
![[Facebook]](http://www.artviper.net/wp/wp-content/plugins/bookmarkify/facebook.png)
![[Fark]](http://www.artviper.net/wp/wp-content/plugins/bookmarkify/fark.png)
![[Faves]](http://www.artviper.net/wp/wp-content/plugins/bookmarkify/faves.png)
![[Furl]](http://www.artviper.net/wp/wp-content/plugins/bookmarkify/furl.png)
![[Google]](http://www.artviper.net/wp/wp-content/plugins/bookmarkify/google.png)
![[LinkedIn]](http://www.artviper.net/wp/wp-content/plugins/bookmarkify/linkedin.png)
![[Ma.gnolia]](http://www.artviper.net/wp/wp-content/plugins/bookmarkify/magnolia.png)
![[Mister Wong]](http://www.artviper.net/wp/wp-content/plugins/bookmarkify/misterwong.png)
![[MySpace]](http://www.artviper.net/wp/wp-content/plugins/bookmarkify/myspace.png)
![[Newsvine]](http://www.artviper.net/wp/wp-content/plugins/bookmarkify/newsvine.png)
![[oneview]](http://www.artviper.net/wp/wp-content/plugins/bookmarkify/oneview.png)
![[OnlyWire]](http://www.artviper.net/wp/wp-content/plugins/bookmarkify/onlywire.png)
![[Reddit]](http://www.artviper.net/wp/wp-content/plugins/bookmarkify/reddit.png)
![[Slashdot]](http://www.artviper.net/wp/wp-content/plugins/bookmarkify/slashdot.png)
![[Sphinn]](http://www.artviper.net/wp/wp-content/plugins/bookmarkify/sphinn.png)
![[Spurl]](http://www.artviper.net/wp/wp-content/plugins/bookmarkify/spurl.png)
![[Squidoo]](http://www.artviper.net/wp/wp-content/plugins/bookmarkify/squidoo.png)
![[StumbleUpon]](http://www.artviper.net/wp/wp-content/plugins/bookmarkify/stumbleupon.png)
![[Technorati]](http://www.artviper.net/wp/wp-content/plugins/bookmarkify/technorati.png)
![[Twitter]](http://www.artviper.net/wp/wp-content/plugins/bookmarkify/twitter.png)
![[Windows Live]](http://www.artviper.net/wp/wp-content/plugins/bookmarkify/windowslive.png)
![[Yahoo!]](http://www.artviper.net/wp/wp-content/plugins/bookmarkify/yahoo.png)
![[Email]](http://www.artviper.net/wp/wp-content/plugins/bookmarkify/email.png)
Comment by ghazal
May 31, 2008hi,
having an annoying “line-height declaration dropped” in Firebug on line 154 in mooMessageBox.js, I replaced “auto” by “1″.
Just a thought.
BTW, its OK with moo1.2 dev
Thanks and keep up the good work.
Comment by artd2
June 10, 2008really nice.. but is it possible to work together with the accordion.js ?
Greetings
art2
Comment by admin
June 10, 2008@artd2: Yes, as it does not interfere with the accordion – although it uses too the “dom-ready” event to initialize, but that’s no problem.
Comment by inc
August 21, 2008nice script. but i found it not compatible with mootools 1.2 do you know how to fix it?
thanks
Comment by admin
September 6, 2008@inc and all other mootools 1.2 users:
Here is the new version for mootools 1.2 – mooMessageBox 1.2
enjoy!