That's mind-blowing, patcullen...thanks for sharing. 2010/3/29 patcullen <[email protected]>
> Have made my first plugin! Only took about 8 hours for me get a grasp > on Git and the forge, but I'm glad I've done it. > Forge: http://mootools.net/forge/p/windowpicker > An example giving a better idea of what I wanted to use it for: > http://pat.cullen.co.za/project/WindowPicker/Demo/ > > Thanks again for your help on this thread. > > On Mar 27, 10:56 pm, patcullen <[email protected]> wrote: > > Brilliant!! Makes a lot of sense now when I read Element.setStyle as > > well. Thanks for your help Fabio and Valerio. Now I can get working on > > improving this thing. Much appreciated. > > > > // Pat Cullen > > > > On Mar 27, 6:17 pm, fabiomcosta <[email protected]> wrote: > > > > > > > > > Got it. > > > I was talking to Valerio and he said its possible, and its easy > > > enough. > > > Just add this line of code: > > > > > Element.Styles.MozTransform = "rotate(@deg) scale(@)"; > > > > > before you call your effects. > > > The working demo: > > > > >http://mootools.net/shell/HtauU/4/ > > > > > Adding this property you can pass an array with 2 elements and it will > > > be applied correctly to your transform style, like this: > > > > > el.setStyle('MozTransform', [50, 2]); > > > > > Thats why the effect works. > > > > > On Mar 27, 9:12 am, patcullen <[email protected]> wrote: > > > > > > I tried some of the ideas presented in the replies, but didnt find > > > > resolve. To try explain the problem a little clearer i created a new > > > > shell example..http://mootools.net/shell/HtauU/3/ > > > > > > The first two buttons illustrate tweening the css3 transform > property, > > > > but on only one 'dimension'. First button only tweens rotation, > second > > > > only does scaling. > > > > Third button illustrates how Mootools conveniently allows me to: > > > > setStyle('-moz-transform', 'rotate(50deg) scale(2)') which applies > > > > both the rotation and the scaling to the element. > > > > Fourth button illustrates how I cannot get this to work with > tweening. > > > > *** This is what Im trying to figure out. > > > > > > The Element.setStyle in the shell example is copied from core to try > > > > work some arounds, but it has not helped, infact when enabled, my > > > > additions dont effect the element at all which confuses me even more. > > > > > > Thanks for the help thus far. > > > > // pat cullen > > > > > > On Mar 26, 2:10 pm, patcullen <[email protected]> wrote: > > > > > > > Hi, I'm busy putting together some ideas for a webtop, one of the > > > > > peripheral features (one of the fun ones to code) is the ability to > > > > > alt-tab between windows/forms. > > > > > > > So far this idea largely rests on the ability for a browser to > > > > > implement the CSS3 transform rule. Here's my mooshell example: > http://mootools.net/shell/S53HG/ > > > > > > > I've only just started and have had many ideas for this plugin; but > > > > > don't want to continue if, or until I can figure out this > problem... I > > > > > cant (even after abusing the core library a bit) get the css3 > > > > > transform effect to work while being morphed by mootools. The wierd > > > > > thing is that using setStyles directly does apply these CSS3 rules. > > > > > > > Hopefully if you have a look at the mooshell it will make more > sense. > > > > > If I can get this working, I hope to buff it up with events, plenty > of > > > > > options, then stick it on forge. The only other idea I can apply it > to > > > > > so far is for looking at photos in a gallery. > > > > > > > // pat > > To unsubscribe from this group, send email to mootools-users+ > unsubscribegooglegroups.com or reply to this email with the words "REMOVE > ME" as the subject. > To unsubscribe from this group, send email to mootools-users+unsubscribegooglegroups.com or reply to this email with the words "REMOVE ME" as the subject.
