Release 1.3 is now in Beta (1.3b2) ![]()
You may have a sneak peek on my MOOdalBox playgound page.
NEW: discuss MOOdalBox on the forums. Get support from others using it.
Lots of new features:
- Size can be specified using
px,%or both (e.g.rel="moodalbox 50% 500px"). If you only specify one dimension, it defaults to both width and height (just like CSS properties). - Fullscreen switch (should actually be “full-viewport switch”, but fullscreen sounds better
): just add the fullscreenkeyword to yourrelproperty and MOOdalBox covers most of your viewport. - Most options can now be changed on the fly, via JS (e.g.
MOOdalBox.config ({resizeDuration: 800, animateCaption: false});). - It now supports forms as well (can submit to a MOOdalBox – same syntax for the
relproperty). - You can rescan portions of your DOM for new links / forms (e.g. content added using AJAX) and even force them to open inside a MOOdalBox (e.g.
MOOdalBox.scanAnchors('someIdToScanInside', boolForceInsideMOOdalBox);). - And last, but not least – Wizard mode: by adding the
wizardkeyword to yourrelproperty, all links / forms from content loaded inside the MOOdalBox are now forced to open inside the same MOOdalBox. If norelproperty is specified on those links, defaults are used (MOOdalBox stays at the same size it was originally opened), but you may also use the same syntax to force a resize, for example. Use it for multiple step forms, help systems or.. whatever else you might think of
Please note that this is a BETA release and shouldn’t be used in a production environment. The final 1.3 version will have some more features added (such as a local timeout check, more form options, vertical sizing / centering – including the caption, callbacks on complete, etc.), optimized code (for now, it’s pretty rough, but it does the job) and will hopefully be bug-free (still have to test this release – since it’s 6:15 AM right here and I have to get to work at 9:00 AM.. some bugs might have slipped in).
Test it, break it, enjoy it, wait for the next stable release ![]()

do you have a rough estimate for the 1.3 release?
thanks
1 guy / March 13th, 2007, 17:55 / #
I’m thinking it’ll be out in a matter of days (most probably, the day after tomorrow).
2 Răzvan Brateş / March 13th, 2007, 19:19 / #
Sounds great, but the demos in your playground doesn’t launch. I’m using Mac OSX Tiger, Safari browser. Bug?
3 Andrew Lie / March 14th, 2007, 05:04 / #
Yes, I found it out on IE6 / IE7 as well. Will look into it tonight. I had only tested it on Firefox while developing, the other night.
4 Răzvan Brateş / March 14th, 2007, 07:16 / #
Sounds good…can’t wait till it works!
5 Andrew Lie / March 14th, 2007, 18:55 / #
Am I a total nerd for checking this site 20 times a day to see if 1.3 is out yet?
6 Andrew Lie / March 15th, 2007, 08:08 / #
Great! I mod’ed submodal.js to use a page DIV as content rather than an external HTML file. Is this something that moodalbox does?
If not I would like to add it and contribute back to code base.
7 Kevin Baker / March 15th, 2007, 10:58 / #
Andrew Lie, unfortunately, I haven’t had time to work on it these days, but will do it over the weekend. It will be out by the end of it.
Kevin Baker, MOOdalBox doesn’t load contents from DIVs already loaded, and I don’t really see a use for that (it’s supposed to load external content, that’s not already displayed). But please send your example in (or a link to a working example, rather) and I’ll have a look at it. Thanks
8 Răzvan Brateş / March 16th, 2007, 11:24 / #
Thanks for the great tool!
Question (I am fairly new to JavaScript): How do I get the “modal” window to execute JS? I can get links inside it to display an alert box when clicked by adding the code in their onClick tag so I know it can do it, but the contents of all the tags I add are completely ignored. Is there some special event handler I need to attach to or something?
Also, when preparing my files to be loaded in the modal are they supposed to be complete html pages with tags etc, or just text? I have tried loading complete html files, text files, and JS files (with the correct MIME type), but none of them would execute my JS properly.
Thanks!
-Aubrey
P.S. I am working on a really cool use for this… I will announce it once I get everything working
9 Aubrey / March 17th, 2007, 08:41 / #
Are you using modalbox or moodalbox? I believe you should be able to load full HTML pages inside either. Do share your project when it’s ready!
10 Andrew Lie / March 17th, 2007, 19:14 / #
Andrew;
I figured it out – there is a setting for _EVAL_SCRIPTS in the JS file I needed to set to true.
Thanks though!
The project I was working on involved setting up an input area to launch a MOOdalBox on click with a really cool JS category selection tree inside for a “new kind” of form element that could display categories hierarchically. I almost have it finished, but I had to move to a normal SELECT list because of time requirements. If I have time to finish it, I will post it here… It is really pretty
-Aubrey
P.S. I am using MOOdleBox to load a Modal Box
11 Aubrey / March 18th, 2007, 02:46 / #
i am having problems with the beta version of 1.3 and IE6. hopefully this will be resoved before the final release…
12 guy / March 18th, 2007, 10:23 / #
I was having problems with Safari too…
I am sure it’s just ’cause it’s still in beta.
13 Aubrey / March 19th, 2007, 02:43 / #
Ditto. Am anxiously waiting for 1.3 to release. It’s actually holding up the release date of my project ! =) Aubrey, would you be interested in getting involved in my project? Sounds like you have knack for making things look pretty. It’s focused on New York City’s food industry…if you are interested or would like to hear more, shoot me an e-mail at dru.lie at gmail dot com. Thanks!
14 Andrew Lie / March 19th, 2007, 09:15 / #
I have had some problems with the close function getting mixed up with the extend method on the fx object. so I changed line 343 to
A( this.fx ).each( function( f ) { f.clearTimer(); } );
this fixed it, is this a common problem?
15 800 Pixels - Web design Development / March 19th, 2007, 22:16 / #
Great job but it doesn’t work on IE 6/7
When do you plan to get it fixed for these browsers ?
16 DarkRaver / March 22nd, 2007, 10:18 / #
Razvan, how is the progress on 1.3 going? Could you put out an updated expected release date?
17 Andrew Lie / March 22nd, 2007, 21:17 / #
It looks like this project is generating a lot of interest
Any news?
18 Aubrey / March 23rd, 2007, 19:17 / #
I, too, am VERY interested in getting this version working as i want to create a cms using modal windows. This is the only way I think I can create the app using user controls as well as modal forms. FYI, it does not open up the form in wizard mode in IE7 but it does work in FF2
19 Gustavo / March 23rd, 2007, 22:53 / #
Just read that someone else posted that it doesn’t work in IE…sorry about the repeat and, consequently, this second post
20 Gustavo / March 23rd, 2007, 22:55 / #
Moooooo! The cows have been waiting patiently all week… It’s OK if you’re behind schedule, but can we get an update please?
21 ZAP / March 24th, 2007, 19:25 / #
hello all!
very good job! i’m using it now, and i want to now how to load a new html page in a moodalbox? this action must resize the moodalbox an load the new html !
thank you all for your answer.
22 michael / March 29th, 2007, 14:54 / #
Still patiently waiting
23 Andrew Lie / April 1st, 2007, 18:18 / #
hi all!
can someone tell me why, my moodalbox work perfectly in FireFox but not in InternetEplorer ?
here’s the link:
http://rmic210282.free.fr/test_lightbox
ff version:1.5.0.11
ie version:7.0.5730.11
thanks for your answer
24 michael / April 2nd, 2007, 14:07 / #
Michael, moodalbox doesnt support IE yet. Take a look at the previous comment posts…
i made the same mistake of saying that too, then i looked at previous posts and saw that someone already mentioned it. hopefully it’ll be fixed soon. i dont want to use mootools and prototype to use modalbox…
25 Gustavo / April 3rd, 2007, 15:08 / #
I found a workaround to get it work with IE7 :
Just replace (in the scanAnchors function)
$A(oWhere.getElements(‘a’)).each( …
with
$A($(oWhere).getElements(‘a’)).each( …
and (in the scanForms function)
$A(oWhere.getElements(‘form’)).each( …
with
$A($(oWhere).getElements(‘form’)).each( …
26 DarkRaver / April 19th, 2007, 19:27 / #
This script is really great, and the wizard functionality alone is killer. Thank you very much.
b3 wasn’t working at all for me in any browser, so I started using b2 and it works great.
27 Ryan Miglavs / April 24th, 2007, 18:35 / #
@DarkRaver,
does this fix in IE7 correct the problem with a secure pop-up warning over SSL? Im getting this pop-up occur on every request.
any suggestions anyone?
28 sal / April 24th, 2007, 20:00 / #
Is this project still moving along?
29 Cory Duncan / April 24th, 2007, 23:15 / #
Superb effort. Thanks for sharing moodalbox 1.2.1, I have put it to work. Keen to get my hands on 1.3. Adding my name to those patiently waiting.
30 Rob Holmes / April 28th, 2007, 11:58 / #
Has anybody managed to get flash to work within moodalbox? I guess its a matter of getting the target html page to load the embedded object?
31 Rob Holmes / April 28th, 2007, 12:01 / #
I’ve got an approach which seems to work, but it aint pretty. It uses SWFObject and moodal box. The base HTML file needs to know that the target HTML file is going to load the flash file (not nice). What’s more – it doesn’t work with the compressed moodalbox.js – only the uncompressed js/moodalbox.v1.2.full.js (name clashes??). I’m sure this can be done more elegantly using either Swiff.Base or Assets – but I’m still very new to mootools.
Base file:
Untitled
var flashObject = new SWFObject(“loader.swf”, “mymovie”, “640″, “500″, “8″, “#DDD”);
some page.
target file:
test document for AJAX
Window.onDomReady(function(){
flashObject.write(“flashcontent”);
});
You need to install flash to view this content.
Keen to hear how to improve this – seems to work in IE6 and Firefox at least.
32 Rob Holmes / April 28th, 2007, 15:23 / #
Is moodalbox still in active development? it seems like the replies stopped coming…
33 guy / April 30th, 2007, 08:37 / #
2 months later, still waiting =)
34 Andrew Lie / May 9th, 2007, 02:34 / #
ooohh exciting stuff great work man this really rocks! …if you guys cant wait for the release than just fix it yourself! He has it 98% done just download his code from the link on the top of this page. http://www.e-magine.ro/playground/moodalbox/
In firefox > file> save page as – then select >save as type -web page complete. You’ll get all the files.
35 Joshua / May 9th, 2007, 14:12 / #
Ha ha! Thanks for the pep talk, Joshua. I’m working on it… especially since I’m developing a commercial web app that uses MOOdalBox 1.3b2 (at this point).
I’m currently running into a problem where forms within the MOOdalBox don’t pass along their submit button values, or at least the AJAX-loaded page within the MOOdalBox doesn’t have access to them. Weird, since these values _do_ get passed when the form/page is loaded on its own.
Anyway, another big thank you to the developer, and I hope I can pass along a fix.
[love],
[ryan]
36 Ryan Miglavs / May 11th, 2007, 01:48 / #
Looks like the bug with the form submit values is in Mootools itself, not MOOdalBox. Mootools has a few snags with its form handling in the XHR/Ajax objects.
[love],
[ryan]
37 Ryan Miglavs / May 14th, 2007, 23:35 / #
So, it seems to be impossible to upload files with moodalbox!? Or are there workarounds?
38 Sushimaster / May 21st, 2007, 12:03 / #
I am looking for the wizard mode of the beta version, it is very cool, but, how do you open a wizard from a MOOdalBox.open() using javascript ?
Thanks
39 Leandro / June 13th, 2007, 19:12 / #
Hi there, any progress on the 1.3 release ? Is MOOdalBox 1.3.b4 found in the SVN Google project page compatible with Mootools 1.11 ?
40 guix / July 2nd, 2007, 12:53 / #
Reply to myself : yes MOOdalBox 1.3.b4 works with Mootools 1.11
41 guix / July 3rd, 2007, 11:24 / #
On playground when I close moodalbox window i cannot click any link. Seems like some 100%x100% layer is still present.
I use Firefox 2.0.0.3 WinXP SP2
Do you have the same problem as mine?
42 Jarek / July 11th, 2007, 09:30 / #
@jarek: I seem to be experiencing the same problem as you (in Firefox 2.0.0.x and Internet Explorer 6.x)
It’s good to know it’ll render as expected in IE, but for some reason the original layer becomes disabled when the MOOdal window is closed.
43 jon / July 13th, 2007, 02:41 / #
Thank you for your code.
I tried the MOOdalBox 1.3 beta5 in IE8 and IE7, there are some problems.
First, nothing happened when I clicked the link with rel of MOOdalBox in IE7. I changed the script of document.documentElement to document.body and it seems work then.
Second, the loading image does not center in IE6, instead it is in the right corner.
Third, how can I use Javascript to reload the content? I am using MOOdalBox for a login form and hope new content would load when login success. It works in the 1.21 version. But since in 1.3 Beta5, it changes to a class for MOOdalBox, it seems different.
Thank you in advance.
44 philip / August 11th, 2007, 19:07 / #
Great Stuff
i use it with swfobject (other element, not the box content) then on first loaded page it doesnt work but when i refresh it its work (in IE [7]).
and the same behaviour when i use XHR to load the content inside the box (IE & FF).
45 chazzuka / August 25th, 2007, 06:36 / #
Please post bugs on the Google Code project for MOOdalBox, so I can have them all in one place. Thanks
Here’s the direct URL to the bug list:
code.google.com/p/moodalbox/issues/list
46 Răzvan Brateş / August 27th, 2007, 17:51 / #
Is moodalbox still in development? The last comments i have seen were from last summer.
47 Joshua NOvak / January 16th, 2008, 03:16 / #
Hi, thanks for moodalbox, helped me much.
The new version has forecast? Believe that the new features will be welcome.
I await in the news, thanks.
Translated from Portuguese by google translate
48 Luis Fernando / February 20th, 2008, 16:14 / #
I can’t wait for the 1.3 release. I’m trying to validate a php form from moodalbox and can’t, even when setting eval_script to true-
49 Nico / March 12th, 2008, 00:09 / #
Ryan, do you have any news about the form variables being passed? In your last post (over a year ago) you netioned it being a problem with mootols. Have you found any solution
50 Roberto / August 12th, 2008, 11:12 / #
Nico I have this same problem.. any workarounds?
51 Jeremy / August 23rd, 2008, 03:46 / #
Post a comment