Comments on: Using scriptaculous slider with two handles http://www.gerd-riesselmann.net/archives/2006/05/using-scriptaculous-slider-with-two-handles Gerd Riesselmann: Notes From the Bog-All Around Objects: C++, .NET, PHP, Design Patterns And More en Tue, 24 Jul 2007 09:57:14 +0200 Drupal TotalFeeds Module Comments on: Using scriptaculous slider with two handles http://www.gerd-riesselmann.net/archives/2006/05/using-scriptaculous-slider-with-two-handles http://www.gerd-riesselmann.net/images/feedbog.png 130 80 Hi, I m trying to use your http://www.gerd-riesselmann.net/node/116%2523comment-3417 Hi, I m trying to use your slider code. I would like to get defined values (like 10,20,30, etc...) Here's the code I use var handles = [$('handle1'), $('handle2')]; var values = [0,100]; // First handle at 0, 2nd at 100 var slider = new Control.Slider(handles, 'track', { range:$R(0, 100, false), increment:10, step:10, restricted:true, sliderValue: values, onChange:function(v){alert(v)} }); When I changed the slider position, I get values like 0,25.28 How can I get rounded values. I tried to defined the values [0,10,20,30...,100], but I still get decimal values. Any help ? Stan Hi,
I m trying to use your slider code.
I would like to get defined values (like 10,20,30, etc...)
Here's the code I use
var handles = [$('handle1'), $('handle2')];
var values = [0,100]; // First handle at 0, 2nd at 100
var slider = new Control.Slider(handles, 'track', {
range:$R(0, 100, false),
increment:10,
step:10,
restricted:true,
sliderValue: values,
onChange:function(v){alert(v)}
});

When I changed the slider position, I get values like 0,25.28
How can I get rounded values.
I tried to defined the values [0,10,20,30...,100], but I still get decimal values.

Any help ?

Stan

]]> Tue, 24 Jul 2007 09:57:14 +0200 Stan http://www.gerd-riesselmann.net/node/116%2523comment-3417 type -script http://www.gerd-riesselmann.net/node/116%2523comment-3415 type -script type="text/javascript" src="some_folder_you_like/prototype.js"- -/script- in header type
-script type="text/javascript" src="some_folder_you_like/prototype.js"- -/script-

in header

]]> Fri, 20 Jul 2007 23:10:34 +0200 privaloff http://www.gerd-riesselmann.net/node/116%2523comment-3415 My code doen't work for some http://www.gerd-riesselmann.net/node/116%2523comment-3319 My code doen't work for some reason. I'm sure its something really small such as a library not being referenced. The error is: "$ is not defined". The following is what I have: <script language="javascript" type="text/javascript" src="/TESTING/slider_new.js"></script> <script type="text/javascript" language="javascript"> var handles = [$('handle1'), $('handle2')]; var values = [0, 100]; // First handle at 0, 2nd at 100 var slider = new Control.Slider(handles, 'track', { range:$R(0, 100, false), step:1, restricted:true, sliderValue: values, onChange:this.onSliderChanged.bind(this), onSlide:this.onSliderSlides.bind(this) }); </script> <div id="track"><div id="handle1"></div><div id="handle2"></div></div> Can some one help me with this? Thank you :) My code doen't work for some reason. I'm sure its something really small such as a library not being referenced. The error is: "$ is not defined". The following is what I have:

var handles = [$('handle1'), $('handle2')];
var values = [0, 100]; // First handle at 0, 2nd at 100
var slider = new Control.Slider(handles, 'track', {
range:$R(0, 100, false),
step:1,
restricted:true,
sliderValue: values,
onChange:this.onSliderChanged.bind(this),
onSlide:this.onSliderSlides.bind(this)
});

Can some one help me with this?

Thank you :)

]]> Fri, 09 Feb 2007 03:40:08 +0100 Anonymous http://www.gerd-riesselmann.net/node/116%2523comment-3319 I solved it. Diff name will http://www.gerd-riesselmann.net/node/116%2523comment-3289 I solved it. Diff name will do. I solved it. Diff name will do.

]]> Wed, 10 Jan 2007 03:38:53 +0100 SM http://www.gerd-riesselmann.net/node/116%2523comment-3289 I tried to implement two http://www.gerd-riesselmann.net/node/116%2523comment-3286 I tried to implement two sliders. Each has its own value to show. The problem is that no matter which slider is moved, it always changes the value on the first slider. Do I need to have two sets of Control.Slider.prototype with different names or is there an easy way to it? Did try two name sets of <code> var handles_stp = [$('handle1_stp'), $('handle2_stp')]; var values_stp = [0, 100]; // First handle at 0, 2nd at 100 var slider_stp = new Control.Slider( handles_stp, 'track_stp', { range:$R(0, 50, false), step:1, restricted:true, sliderValue: values_stp } ); </code> but nothing helps. Please advise. SM I tried to implement two sliders. Each has its own value to show. The problem is that no matter which slider is moved, it always changes the value on the first slider. Do I need to have two sets of Control.Slider.prototype with different names or is there an easy way to it? Did try two name sets of
var handles_stp = [$('handle1_stp'), $('handle2_stp')]; var values_stp = [0, 100]; // First handle at 0, 2nd at 100 var slider_stp = new Control.Slider( handles_stp, 'track_stp', { range:$R(0, 50, false), step:1, restricted:true, sliderValue: values_stp } );
but nothing helps. Please advise.
SM

]]> Sat, 06 Jan 2007 05:01:00 +0100 SM http://www.gerd-riesselmann.net/node/116%2523comment-3286 Please help me to impliment http://www.gerd-riesselmann.net/node/116%2523comment-3263 Please help me to impliment this in a web application which is alrady developed in ASP.NET 2.0. Ajax is also used with that applicarion. Please help me to impliment this in a web application which is alrady developed in ASP.NET 2.0. Ajax is also used with that applicarion.

]]> Mon, 11 Dec 2006 18:48:00 +0100 Sree http://www.gerd-riesselmann.net/node/116%2523comment-3263 Hi, i solved my problem. http://www.gerd-riesselmann.net/node/116%2523comment-3230 Hi, i solved my problem. Everythings working fine! Greetings + Thanks Udo Hi,

i solved my problem. Everythings working fine!

Greetings + Thanks

Udo

]]> Tue, 24 Oct 2006 21:45:30 +0200 udo http://www.gerd-riesselmann.net/node/116%2523comment-3230 Hi, this slider script is http://www.gerd-riesselmann.net/node/116%2523comment-3229 Hi, this slider script is very cool!! I try to build a priceslider with handlers for minimum and maximum prices. Everything seems fine but i got some problems with the positioning of the slider handles. They will not use the whole width of the sliderbar so that the minimum slider is already shown at the beginning of the slider but the maximum slider is shown directly after the mimimum handle in the middle of the slider I think it depends on the css i use. Can anyone give me an example where i could see how i have to setup my css to show the handles correctly. Currently my css looks like #priceslider {background:url(/uploads/tf/sBack.gif) 0px 0px no-repeat;height:20px; margin-top:10px; margin-bottom:10px;width:256px;} #minslide {background:url(/uploads/tf/sHandle.gif) 0px 0px no-repeat;float:left; width:20px;} #maxslide {background:url(/uploads/tf/sHandle.gif) 0px 0px no-repeat; width:20px;} Thanx a lot Udo Hi,

this slider script is very cool!! I try to build a priceslider with handlers for minimum and maximum prices. Everything seems fine but i got some problems with the positioning of the slider handles.

They will not use the whole width of the sliderbar so that the minimum slider is already shown at the beginning of the slider but the maximum slider is shown directly after the mimimum handle in the middle of the slider

I think it depends on the css i use. Can anyone give me an example where i could see how i have to setup my css to show the handles correctly. Currently my css looks like

#priceslider {background:url(/uploads/tf/sBack.gif) 0px 0px no-repeat;height:20px; margin-top:10px; margin-bottom:10px;width:256px;}
#minslide {background:url(/uploads/tf/sHandle.gif) 0px 0px no-repeat;float:left; width:20px;}
#maxslide {background:url(/uploads/tf/sHandle.gif) 0px 0px no-repeat; width:20px;}

Thanx a lot

Udo

]]> Tue, 24 Oct 2006 19:32:12 +0200 Udo http://www.gerd-riesselmann.net/node/116%2523comment-3229 Hi, Thanks a lot. It helped http://www.gerd-riesselmann.net/node/116%2523comment-3220 Hi, Thanks a lot. It helped me a lot and served my purpose. Thanks Raj Hi,

Thanks a lot.

It helped me a lot and served my purpose.

Thanks
Raj

]]> Wed, 11 Oct 2006 19:43:50 +0200 raj http://www.gerd-riesselmann.net/node/116%2523comment-3220 To Yuri: You have to include http://www.gerd-riesselmann.net/node/116%2523comment-3193 To Yuri: You have to include the prototype class before using Class.create(); You can find prototype <a href="http://prototype.conio.net/">here</a> To Yuri:
You have to include the prototype class before using Class.create(); You can find prototype here

]]> Sat, 23 Sep 2006 20:31:44 +0200 Anonymous http://www.gerd-riesselmann.net/node/116%2523comment-3193 I tried this code and got http://www.gerd-riesselmann.net/node/116%2523comment-3191 I tried this code and got the following javascript error: Error: Class is not defined Source File: nnnnnnn Line: 35 if(!Control) var Control = {}; Control.Slider = Class.create(); ----- In Here AM I missing something very obvious? I am relatively new to this. I tried this code and got the following javascript error:

Error: Class is not defined
Source File: nnnnnnn
Line: 35

if(!Control) var Control = {};
Control.Slider = Class.create(); ----- In Here

AM I missing something very obvious? I am relatively new to this.

]]> Fri, 22 Sep 2006 19:39:00 +0200 Yuri http://www.gerd-riesselmann.net/node/116%2523comment-3191 Hi, I have been trying to http://www.gerd-riesselmann.net/node/116%2523comment-3145 Hi, I have been trying to implement range slider control but could not get it work as shown in your example at http://www.informationsarchiv.biz/. I would really appreciate if you can let me know that the javascript you have mentioned, should be called from which event/action. As per the reply from Josh Gough, I have looked into his implementation and he is calling JavaScript on window.load() and he does not have onChange & onSlide events. Thank you for wonderful work! -Dipak Hi,
I have been trying to implement range slider control but could not get it work as shown in your example at http://www.informationsarchiv.biz/.

I would really appreciate if you can let me know that the javascript you have mentioned, should be called from which event/action.
As per the reply from Josh Gough, I have looked into his implementation and he is calling JavaScript on window.load() and he does not have onChange & onSlide events.

Thank you for wonderful work!
-Dipak

]]> Sun, 27 Aug 2006 07:44:53 +0200 dipak http://www.gerd-riesselmann.net/node/116%2523comment-3145 Thanks again, I'm on my way http://www.gerd-riesselmann.net/node/116%2523comment-856 Thanks again, I'm on my way with this: http://apps.ultravioletconsulting.com/TimeLineEditor/MultiHandleSlider/MultiHandleSlider.html Thanks again, I'm on my way with this:

http://apps.ultravioletconsulting.com/TimeLineEditor/MultiHandleSlider/M...

]]> Sat, 17 Jun 2006 18:25:48 +0200 Josh Gough http://www.gerd-riesselmann.net/node/116%2523comment-856 Hey this is pretty http://www.gerd-riesselmann.net/node/116%2523comment-855 Hey this is pretty nice...thanks for making this available. I would like to create a timeline editor, similar to Macromedia Captivate or Producer for PowerPoint 2003. Check my blog entry for what I'm trying to do. Do you think this is easily possible in scriptaculous? http://www.dotnetjunkies.com/WebLog/joshuagough/archive/2006/06/17/140647.aspx Thanks Josh Hey this is pretty nice...thanks for making this available.
I would like to create a timeline editor, similar to Macromedia Captivate or Producer for PowerPoint 2003.
Check my blog entry for what I'm trying to do. Do you think this is easily possible in scriptaculous?

http://www.dotnetjunkies.com/WebLog/joshuagough/archive/2006/06/17/14064...

Thanks
Josh

]]> Sat, 17 Jun 2006 17:39:31 +0200 Josh Gough http://www.gerd-riesselmann.net/node/116%2523comment-855