I actually var'd those widths in onDrag in my app, but not the demo here--since that was such a big topic a little earlier and I DO have another variable called width in the app^^.
On Dec 22, 3:27 pm, rpflo <[email protected]> wrote: > 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 <[email protected]> wrote: > > > > > Strange, I use Safari. Are you using 3.0 on Windows? > > > On Dec 22, 6:54 am, electronbender <[email protected]> wrote: > > > > The resize thingies dont work in Safari and Chrome... > > > > On Dec 22, 6:56 am, horseweapon <[email protected]> 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 <[email protected]> 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 :)
