How do they do this? (javascript)

[Murdoc]

Guys

Im looking for something like this dragable navigation
http://www.blitzagency.com/our-expertise/#what-we-do

Specifically the - what we do – our approach – vertical experience etc etc
It’s also used under the ‘ what we do’ there’s a dragable nav to go through their process
Ive tried finding what JS is doing this but I cant nail it down
Im thinking its either jquery.slider.js or jquery-ui.custom.js

Jquery UI has a draggable widget – with an event that is triggered when dragging stops but the dragable doesn’t snap to position( if you know what i mean)
Can anyone tell me how they are doing this or even a jquery plugin that can do it
My JS is very rudimentary

Many thanks

 

[Beachless]

Thats pretty cool.

But if you want to use someone else's code without their permission shouldn't you at least figure it out yourself?

They use a ul with a div which has a ui-draggable property and then the JS does the snap to and page loads.

 

[Murdoc]

I dont mean to use anyones code that Im not meant to! - I hate plagiarism on any level

if what you say is correct and they have written this themselves with ui draggable - then my js is nowhere close to replicate it. Jqery ui too much of a raw state for my knowledge
I was really hoping they used a more comprehensive plugin and my google fu was too weak to find it.

 

[Murdoc]

ok ur right - it is jquery ui
its all documented here -snapping- the axis - theming
http://docs.jquery.com/UI/API/1.8/Draggable#overview

still very very 'raw' but i guess its a good way to improve my js

 

[3p1c]

That's a WP site

 

[Beachless]

http://www.java2s.com/Code/JavaScript/jQuery/jQueryUIDraggableRevertposition.htm

Click on the try this example button, this should help...

 

[roguemat]

That's a WP site

And?

 

[Murdoc]

http://www.java2s.com/Code/JavaScript/jQuery/jQueryUIDraggableRevertposition.htm

Click on the try this example button, this should help...

O brillant, that will help indeeed
I couldnt work out what gave it that elastic feel - and its revert: true (fly back)
This is great - thank you very much Beachless

 

[Gnome]

Can also be done with Google Web Toolkit (Javascript platform for Java). GWT allows you to write standard Java which is then translated to Javascript during compilation. Pretty much the only competitor to jQuery IMHO.

 

[roguemat]

Can also be done with Google Web Toolkit (Javascript platform for Java). GWT allows you to write standard Java which is then translated to Javascript during compilation. Pretty much the only competitor to jQuery IMHO.

Scriptaculous has a bunch more functionality than jQuery in terms of animation (but lacks in other areas). Too bad the latest version, Scripty 2, has absolutely horrendous documentation.

 

[Gnome]

Scriptaculous has a bunch more functionality than jQuery in terms of animation (but lacks in other areas). Too bad the latest version, Scripty 2, has absolutely horrendous documentation.

Well those things make a big difference. Also when I look at a platform browser compatibility is a major concern.

Last I checked jQuery had the best support followed by Google Web Toolkit. Things might have changed as that was 2 years ago. I'm a cautious web developer so the qualities I look for in a JS library are excellent support, widespread user base (very important IMHO) and naturally excellent documentation.

 

[roguemat]

Well those things make a big difference. Also when I look at a platform browser compatibility is a major concern.

Last I checked jQuery had the best support followed by Google Web Toolkit. Things might have changed as that was 2 years ago. I'm a cautious web developer so the qualities I look for in a JS library are excellent support, widespread user base (very important IMHO) and naturally excellent documentation.

Yes, but I was specifically meaning the old version, which the documentation is great, and the library is pretty tiny.

Personally I try to avoid using a JS library unless I absolutely have to. I see some sites using jQuery etc. just to do a simple slide or something where they could have cut 50kb out by just writing it themselves.
Just my opinion though - at work we are encouraged to use jQuery so I use that on all non-personal stuff anyway.

 

[Gnome]

Yes, but I was specifically meaning the old version, which the documentation is great, and the library is pretty tiny.

Personally I try to avoid using a JS library unless I absolutely have to. I see some sites using jQuery etc. just to do a simple slide or something where they could have cut 50kb out by just writing it themselves.
Just my opinion though - at work we are encouraged to use jQuery so I use that on all non-personal stuff anyway.

You can get the jQuery specialized versions for that. eg. customized download that only includes what you want + it is minified. Great library

 

[roguemat]

You can get the jQuery specialized versions for that. eg. customized download that only includes what you want + it is minified. Great library

My point stands

Remember MooTools? That didn't have much going for it, but it did have a great customization interface to do just this.