Re: A better way to resize these boxes?

[rpflo]

Thanks Horseweapon, I'm still a little fuzzy on some of the syntax and
I had a hunch it should look something like that :)

So here's what I'm going with. I'm using it as a 3-level navigation
piece similar to the Finder "column view" in Mac OS X, and now I've
got resizability:

http://ryanflorence.com/sandbox/mootools/slideResize/

window.addEvent('domready', function(){

        var block = $('box');
        var block2 = $('box2');
        var block3 = $('box3');
        var gripWidth = $('handle').getSize().x;
        var grip = $('handle');
        var grip2 = $('handle2');
        var dragOne = new Drag.Move(grip,{
                modifiers: {x: 'left', y: false},
                snap : 0,
                limit : {x:[150,null]},
                onDrag : function(){
                        width = grip.getStyle('left').toInt()+gripWidth;
                        block.setStyle('width',width);
                        block2.setStyle('left',width);
                        block3.setStyle('left',width+block2.getSize().x)
                }
        });
        var dragTwo = new Drag.Move(grip2,{
                modifiers: {x: 'left', y: false},
                snap : 0,
                limit : {x:[150,null]},
                onDrag : function(){
                        width = grip2.getStyle('left').toInt()+gripWidth;
                        block2.setStyle('width',width);
                        block3.setStyle('left',width+block.getSize().x)
                }
        });
});

On Dec 22, 7:34 am, rpflo <rpflore...@gmail.com> wrote:
> Strange, I use Safari.  Are you using 3.0 on Windows?
>
> On Dec 22, 6:54 am, electronbender <ognen.plavev...@gmail.com> wrote:
>
>
>
> > The resize thingies dont work in Safari and Chrome...
>
> > On Dec 22, 6:56 am, horseweapon <oliviercous...@gmail.com> wrote:
>
> > > jus set this options in the Drag instance:
>
> > > modifiers:{x:"wdith", y:false}
>
> > > I think it's enough
>
> > > On 21 déc, 22:39, rpflo <rpflore...@gmail.com> wrote:
>
> > > > Here's what I'm talking about:
>
> > > >http://ryanflorence.com/sandbox/mootools/slideResize/
>
> > > > I've got 3 boxes stacked horizontally and two Sliders.  I used the
> > > > sliders to resize a box, and adjust the others accordingly.
>
> > > > Is there a better way to do this with Drag or Drag.Move?
>
> > > > I need the handles to only move horizontally and also accommodate
> > > > changing the window size.  makeResizable allows the thing to be
> > > > resized both horizontally and vertically.
>
> > > > Maybe this is the way to do it?
>
> > > > Thanks :)