Displaying 11 results from an estimated 11 matches for "onslid".
Did you mean:
onslide
2006 Mar 24
2
Slider: passing the slider object to onChange and onSlide?
I''m working with a couple of slider objects on one page.
I''m using onChange to do a couple of things. onChange passes the new value
of the slider, but not the slider object itself. Has anybody found a way to
get the object?
More details: A simple example would be to do the following: Put multiple
sliders on a page. Now, when a slider is moved, change it''s track
2005 Sep 21
8
Slider controls
...uot;track1" style="width:200px;background-color:#aaa;height:5px;">
<div id="handle1" style="width:5px;height:10px;background-
color:#f00;"> </div>
</div>
new Control.Slider(''handle1'',''track1'',{
onSlide:function(value){ // do something },
onChange:function(value){ // do something } });
You can also have an array of predefined values, so the slider
"jumps" from
value to value:
new Control.Slider(''handle3'',''track3'',{values:[0,50,100,150,150,2...
2005 Dec 07
3
Addressing a class, rather than an id?
...control to resize a pile of images on a
web page. Clever, huh. Bet cha didn''t think of that one!!! :)
But seriously. It seems I want to address a class, rather than the
individual id''s of the images. At this point, I''m getting some
results with something like this:
onSlide:function(v){$(''item_428'').style.width = (v*100)+"px"}
But that just addresses a single image (and doesn''t address the
height, but that''s another matter...). My first thought was to use
Prototype''s getElementsByClassName() to address all i...
2008 Jul 07
4
script.aculo.us slider - this and event handler - depending sliders
...problem with my code. What I do is I have a sliders class
"function sliders()"
inside I create the 5 sliders in a for loop and store them inside an
array which is a member of the class:
for()
{
this.sliders[i].ctrl = new Control.Slider();
}
I then add callbacks for the onChange and onSlide events also inside
the loop with:
this.sliders[i].ctrl.options.onSlide = handleSliderChange;
this.sliders[i].ctrl.options.onChange = handleSliderChange;
In the callback I get two parameters: the new value and the slider
that triggered the event. To do my stuff I now need one more thing: a
refere...
2008 Jun 05
0
Javascript & Scrolling
...of a mess sorry, Thanks for any help in advance
<script type="text/javascript">
// <![CDATA[
// vertical slider control
var slider_b = new Control.Slider(''side_b_bar'', ''side_b_track'', {
axis: ''vertical'',
onSlide: function(v) { scrollVertical(v, $(''side_brand''),
slider_b); },
onChange: function(v) { scrollVertical(v, $(''side_brand''),
slider_b); }
});
// vertical slider control
var slider_t = new Control.Slider(''side_t_bar'', ''...
2006 Apr 24
1
implementing a Slider control
...;
var s2 = new Control.Slider(''handle1'',''track1'',
{axis:''horizontal'',increment: 1, minimum: 0, maximum:100,disabled:
false});
s2.options.onChange = function(value){
$(''debug1'').innerHTML = value;
};
s2.options.onSlide = function(value){
$(''debug1'').innerHTML = "slide";
};
</script>
<body>
<div id="image">
<%= image_tag("/picture/filename/1/scaler_1.jpg") %>
</div>
<p><strong>Standard horizontal slider</st...
2006 May 20
1
Slider.js - Attemting to put values in form.
...gt;
<a href="#" onClick="javascript:submit()">Submit</a>
</form>
<script type="text/javascript">
var v;
// <![CDATA[
new
Control.Slider(''handle3'',''track3'',{sliderValue:20,range:$R(1,100),
onSlide:function(v){$(''debug3'').innerHTML=''Percentage:
''+Math.round(v)},
onChange:function(v){$(''debug3'').innerHTML=''Percentage:
''+Math.round(v)}});
// ]]>
</script>
</body>
</html>
Any help would be...
2006 Jan 31
5
resizing multiple images using getElementsByClassName
...0px;">
<div id="scaller" style=" width:10px; height:15px; background-
image: url(slidder2.png)"></div>
</div>
var scalebar = new Control.Slider(''scaller'', ''track'',{
sliderValue:1,
minimum:.25,
onSlide:function(v){doscale(v)},
onChange:function(v){doscale(v)}
});
2) I am using getElementsByClassName to get all the images to scale,
and then running a "for" loop and then resizing each image''s
containing div
even with only 25 images in there now, it is a little cho...
2006 May 23
0
Slider.js - Attemting to put values in form.
...gt;
<a href="#" onClick="javascript:submit()">Submit</a>
</form>
<script type="text/javascript">
var v;
// <![CDATA[
new
Control.Slider(''handle3'',''track3'',{sliderValue:20,range:$R(1,100),
onSlide:function(v){$(''debug3'').innerHTML=''Percentage:
''+Math.round(v)},
onChange:function(v){$(''debug3'').innerHTML=''Percentage:
''+Math.round(v)}});
// ]]>
</script>
</body>
</html>
Any help would be...
2006 Jan 31
1
Slider values from .25 - 1
...0px;">
<div id="scaller" style=" width:10px; height:15px; background-
image: url(slidder2.png)"></div>
</div>
var scalebar = new Control.Slider(''scaller'', ''track'',{
sliderValue:1,
minimum:.25,
onSlide:function(v){doscale(v)},
onChange:function(v){doscale(v)}
});
No matter what I set the "Minimum" to , I still get 0 -1 as my range
I would be most grateful to any one who could point me to what it is
I am missing!
Cheers.
____________________________________________________...
2006 Jun 23
4
Creating a scrolling effect with slider
I''m currently working on a method to implement a scroller for a div
using a slider. I need to do this as an alternative to making a stylish
flash scroller with content.
The main advantage of this method is to allow the ability to style the
sliding elements cross browser (and maybe as a future add on... the
ability to have a scroll.to for a scrolling div).
This is my first attempt at