Hey it works now. sorry for the previous comment, but when i first tried it in chrome, it deformed to full screen for one column. This time around, it worked.
On Dec 22, 11:29 pm, rpflo <[email protected]> wrote: > 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 :)
