mooMessageBox

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

convenient page design mooMessageBox admin

artViper designstudio is specialized in validating website design, programming in PHP and AJAX as well as mySQL. We're eager to design graphically impressive sites with convenient content and functions. As we want to share some of this knowledge, this blog has been created - may you find something of interest! Have fun.

I like it :)

 

Trackback URL: Trackback URL

 

5 Responses to “mooMessageBox”

  1. 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. really nice.. but is it possible to work together with the accordion.js ?

    Greetings
    art2

  3. @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. nice script. but i found it not compatible with mootools 1.2 do you know how to fix it?

    thanks

  5. @inc and all other mootools 1.2 users:

    Here is the new version for mootools 1.2 – mooMessageBox 1.2

    enjoy!