Comments on: Scriptaculous slider trick

By: Scriptaculous slider trick | Ajaxmint - Endless Ajax samples on jQuery, MooTools, ExtJS, Dojo, Prototype and PHP

Fri, 11 Dec 2009 05:08:52 +0000

[...] Tutorial Posted in ajax | Tags: color slide, gripper, Scriptaculous, slide, slider « [...]

By: Andy

Andy — Sat, 18 Jul 2009 18:44:41 +0000

dk; It does work under FF 3.5 – did you also get prototype and scriptaculous? You need those two js libraries for the slider to work. Check out the demo here:

http://dev.amnuts.com/slider/

By: shakti

shakti — Thu, 09 Jul 2009 10:24:48 +0000

I used this your code and it was really helpful. What I just need to do more on it is, make it stepped such that the slider stops on predefined intervals. How can i do this. I would appreciate your help

By: dk

dk — Fri, 26 Jun 2009 17:40:18 +0000

Very, nice. But I can’t get it to work on any of my browsers (FF3, gChrome, etc.) I get a “Control is not defined — on Line 26 of index.html)” showing up on my FF Error Console. I simply copy and pasted everything from your web page and followed your directory structures. Any thoughts on what is causing this error?

By: sunadumari

sunadumari — Mon, 13 Apr 2009 17:28:40 +0000

Hi, is there a way to get the whole package as a download?
Thanx!

By: Beautiful Scriptaculous Slider | Greepit.com - A Handsome Design Blog

Beautiful Scriptaculous Slider | Greepit.com - A Handsome Design Blog — Tue, 27 Jan 2009 04:43:29 +0000

[...] Website: http://blog.amnuts.com/2007/06/14/scriptaculous-slider-trick/ [...]

By: johnny590

johnny590 — Mon, 26 Jan 2009 16:20:30 +0000

Thanks Andy. Very good job on the visual. One problem I am having though is when going from horizontal to vertical I can not get 0% to be at the bottom and 100% to be at the top. Could you instruct me on how to achieve this?
Thanks

By: 60+ Stunning Scriptaculous Applications

60+ Stunning Scriptaculous Applications — Tue, 20 Jan 2009 20:05:09 +0000

[...] Scriptaculous slider trick [...]

By: dj_thekid

dj_thekid — Mon, 22 Dec 2008 04:43:13 +0000

Dear Andy,
Thank you for your precious help. Your suggestion worked perfectly as intended, now I can use the slider value inside the form.

By: Andy

Andy — Fri, 19 Dec 2008 21:06:32 +0000

dj_thekid; thanks for the kind words! One way to do this (and there are probably plenty of ways that you could), is to set a hidden form value on slide and change. So say you had a form element: Then you'd update the onSlide and onChange events to be something like:

        onSlide:
            function(v) {
                setBgPos(v);
                setSlideOutput(v);
                $('percentage').value = Math.round(v * 100);
            },
        onChange:
            function(v) {
                setBgPos(v);
                setSlideOutput(v);
                $('percentage').value = Math.round(v * 100);
            }

Hope that helps.