Monday 4 February 2008

MultiBox - compatibility with mootools 1.2beta

Here is what you need to do to make the MultiBox script compatibile with mootools 1.2 beta 2.
I'm not releasing these updates in a script as i want to rewrite it when 1.2 gets released, so i can use all the nice new features.

Replace the following:

  • Fx.Styles with Fx.Morph
  • transition: Fx.Transitions.sineInOut with transition: Fx.Transitions.Sine.easeInOut
  • Class.empty with new Class()
  • this.containerEffects.stop() with this.containerEffects.cancel()

12 comments:

Anonymous said...

excellent work!

- thom
http://www.Valhalla-Studios.com

Anonymous said...

It would be nice if the description wasn't required, that it would work if you didn't provide a descClassName. Very cool regardless. Good work!

Anonymous said...

You do wonderful work! I've have used your slideshow, and are very happy with it - can't even imagine how it could be improved.

Unfortunately, your slideshow stop to function under MooTools 1.2b2 (with the compability layer).

Firebug gives an error in BackgroundSlider.js, line 49:
"this.options.onClick has no properties"
And line 49 looks like this:
el.addEvent('click', this.options.onClick.bind(this, el));

I would be immensely grateful for any advice on how to adjust the script, because I dearly would want it up and running again.

Anonymous said...

Thanks for the great work, and mostly thank you for sharing it !

Just a note about having a Mootools 1.2b2 compatible version. It might also be necessary to modify 3 lines in overlay.js in case you want to use this option:

line 20: Class.empty -> new Class()
line 68: Fx.Style -> Fx.Tween
line 76: window.getScrollHeight() -> document.getScrollSize().x

Doing this completes the 1.2b2 compatibility changes (I think).

I still experiment a stange behaviour though when in FF as sometimes the whole page is not covered by the dark overlay, it leaves an uncovered area at the bottom. This behaviour gets even worse when using a "slide" effect in the page. After the slide effect has run the uncovered area gets bigger !?

Anyways it is still a very good script and it's usage is pretty straight forward.

ledil said...

Ive modified the latest multibox 1.3.1 library to make it work with mootools 1.2. If you want to have it please visit me blog, there is a description. Keep on the great work!

http://www.dilella.org/?p=64

Anonymous said...

Wow!
Thanks to Leonardo Di Lella for updating the Multibox- and Overlay-Scripts to Mootools 1.2.
It works really fine, but I found one little mistake, concerning the dimensions of the overlay-div:

You'll have to change this (line 79):

if(this.options.container == document.body){
var h = document.getScrollSize().y+'px';
this.container.setStyles({top: '0px', height: h});
//this.container.setStyles({top: '0px', height: '100%'});
}

to:
if(this.options.container == document.body){
var h = document.getScrollSize().y+'px';
this.container.setStyles({top: '0px', height: h});
//this.container.setStyles({top: '0px', height: '100%'});
}

Anonymous said...

Thanks, fixed an issue I was having with an unrelated script when changing from 1.11 to 1.2.

Unknown said...

I had to change a second thing:

Line 204:
this.contentObj.height = this.elementContent.getSize().size.y;

to:
this.contentObj.height = this.elementContent.getSize().y;

Anonymous said...

Update for the ajax part:
-------------------------

Replace:
--------
new Ajax(this.contentObj.url, {
method: 'get',
update: 'MultiBoxContentContainer',
evalScripts: true,
autoCancel: true
}).request();

To:
---
el = $('MultiBoxContentContainer');
new Request(
{
method: 'get',
url: this.contentObj.url,
evalScripts: true,
autoCancel: true,
onSuccess: function(text){
el.innerHTML = text;
}
}).send();

johnmukkad said...

hello, nice work
please help me to work with the variables you are using in getoptions descMinWidth and descMaxWidth.how we can set the maximum and minimum width in this multibox.pls help me .iam using this script in my application for displaying images with different heights and width.i need to set minimum height and width

Sildenafil said...

thank you very much, as you said it, this is what I needed to make the MultiBox script compatible with mootools 1.2 beta 2, keep up the good work please!

xanax pill said...

I still experiment a stange behaviour though when in FF as sometimes the whole page is not covered by the dark overlay