mooMessageBox

May 15, 2008 · Print This Article

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

Comments

5 Responses to “mooMessageBox”

  1. ghazal on May 31st, 2008 10:59 am

    hi,
    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.

  2. artd2 on June 10th, 2008 12:03 pm

    really nice.. but is it possible to work together with the accordion.js ?

    Greetings
    art2

  3. admin on June 10th, 2008 12:19 pm

    @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.

  4. inc on August 21st, 2008 9:50 am

    nice script. but i found it not compatible with mootools 1.2 do you know how to fix it?

    thanks

  5. admin on September 6th, 2008 3:25 pm

    @inc and all other mootools 1.2 users:

    Here is the new version for mootools 1.2 - mooMessageBox 1.2

    enjoy!

Got something to say?