how do you make a tables slide out and in

[Gozil]

I have seen some really smooth motion created with javascript, like w3c's new design: http://validator.w3.org/
Im just wondering how its possible to do this and if someone could recommend me some kind of tutorial on this topic.

[Gozil]

doesn't anyone know how to do this?

[gregerly]

The W3C is using the Moo Tools javascript framework. I haven't used it before but there are similar libraries out there that accomplish the same thing. you can use the Prototype lib, with Scriptaculous for the effects. Just google prototype and scriptaculous and you will find plenty of tutorials on how to use scriptaculous. Makes effects really easy. Make sure your stuff works without javascript though.

Greg

[kovik]

MooTools is the best one available for visual effects. jQuery is the best one for speeding up your programming.

[Gozil]

Im not a very big fan of using other peoples work as its always kinda comlex and hard to edit as we all write stuff different ways but I will check out the MooTools and see what it does, thanks.

[gregerly]

I know what you meen Gozil. I think there is something to be said for not reinveting the wheel though. These libraries are made for the soul purpose of letting other people use them for free, so they don't have to code the complex javascript to achieve the effects you are looking for. They are easy to use and work across the browser spectrum (for the most part).

My point is that while it's totally ok to want to code your effects, you would be reinventing the wheel, and these libraries are so easy to use now, you can dramatically speed up your coding time.

Just my two cents.

Greg

[gits]

I know what you meen Gozil. I think there is something to be said for not reinveting the wheel though. These libraries are made for the soul purpose of letting other people use them for free, so they don't have to code the complex javascript to achieve the effects you are looking for. They are easy to use and work across the browser spectrum (for the most part).

My point is that while it's totally ok to want to code your effects, you would be reinventing the wheel, and these libraries are so easy to use now, you can dramatically speed up your coding time.

Just my two cents.

Greg

That is quite true ;) ... but i personally expienced a lot of misunderstanding with libraries, frameworks and that stuff as long as someone didn't do something for hisself ... perhaps you did an ajax-request, or some transition effects, hide/show of some widgets of your page, try to attach some eventhandlers ... and then encounter the problem with browser-incompatibilities ... searching for solutions ... and then find a framework like mooTools, or ext or whatever. with the knowlegde you gained during 'selfcoding' you know what it has to do and what you need ... perhaps what you have to adapt and then ... you will love a framework ;)) ... even when you don't find the framework-code quite cool or whatever ... you know there are some people that develop it ... perhaps you want to contribute to them ... that's kind of open source spirit ... ;)

my two cents too ;)

kind regards

[epots9]

i just tried mooTools and its works amazingly, i too have been looking for something like this.

i recommend :D

[Gozil]

I just looked at the source code from the slider and it makes no sense at all..
its just a RegExp function then theres about 100 lines of this:

m\'}}6 h};7 $1Z(){8 2c={};o(8 i=0;i<m.q;i++){o(8 f 14 m[i]){8 2L=m[i][f];8 2N=2c[f];9(2N&&$h(2L)==\'1y\'&&$h(2N)==\'1y\')2c[f]=$1Z(2N,2L);L 2c[f]=2L}}6 2c};8 $C=7(){8 y=m;9(!y[1])y=[5,y[0]];o(8 f 14 y[1])y[0][f]=y[1][f];6 y[0]};8 $25=7(){o(8 i=0,l=m.q;i<l;i++)

How could i possible personalize that? :)

[gits]

hi ...

it looks like you have a compressed/obfuscated version of the code? ... you may download it without any compression to get a readable and documented source ...

kind regards

[gregerly]

That is quite true ;) ... but i personally expienced a lot of misunderstanding with libraries, frameworks and that stuff as long as someone didn't do something for hisself ... perhaps you did an ajax-request, or some transition effects, hide/show of some widgets of your page, try to attach some eventhandlers ... and then encounter the problem with browser-incompatibilities ... searching for solutions ... and then find a framework like mooTools, or ext or whatever. with the knowlegde you gained during 'selfcoding' you know what it has to do and what you need ... perhaps what you have to adapt and then ... you will love a framework ;)) ... even when you don't find the framework-code quite cool or whatever ... you know there are some people that develop it ... perhaps you want to contribute to them ... that's kind of open source spirit ... ;)

my two cents too ;)

kind regards

you make some great points. I think individuals just need to figure out if it's worth it to them to use a framework where they might have to spend extra effort if problems arise, or spend the time coding themselvs. Good post!

Greg

[Itch]

When i try the script Moo tool the window starts open, is it possible to start the window as slid in ?

[gits]

When i try the script Moo tool the window starts open, is it possible to start the window as slid in ?

i don't know MooTools in detail ... but you may have a look at the documentation of it. generally you may use the Method:

window.resizeTo(width, height);
 

to create that effect ;)

kind regards