$arrowAmount = 1
[line 180]
How much units to slide on an arrow click.
If set to 0 then the arrows won't be displayed. Something like 0.5 is possible aswell.
Tags:
$baseZindex = 1000
[line 244]
The z-index the slider will use. you may want to change this if you have elements on your page that overlap this slider (floating stuff or so).
Tags:
$bgColor =
[line 367]
The background color. hex code or named color.
examples: 'blue', 'green', '#000000'
Tags:
$colorbar =
[line 236]
If and how the colorbar feature should be used.
- If it's a string then it will be interpreted as a css class.
- If it's an array (hash) (or object with vars) the keys will be used to
generate style settings.
You can achieve the same results using both ways, except for 'widthDifference'.
- You can use both (array with css class as elemenet of the array) to
set additional css properties. I can't think of any, but maybe you do.
if you give it an array, it can have these settings:
KEY DEFAULT
cssClass -nothing-
color 'orange' if cssClass is not set, otherwise -nothing-
height -nothing-
widthDifference 0
offsetLeft -nothing-
offsetTop -nothing-
coments:
color:
if you don't see the colorbar, you prolly have a cssClass defined
but neither there a color defined not in the array ('color' element).
widthDifference:
the width of the colorbar is always from the left side to where the
handle (slider) is. so the left side of the slider bar is colored.
it may be (depending on your design) that you need to have the color
bar a little bit larger or smaller. you can set an amound of pixels
here, it may even be negative.
offsetLeft:
if you use a cssclass, you can specify something like left:5px;
if you use arrows, you have to take the width of the left arrow
into account. if you use offsetLeft, you don't. this is done for you.
anyway play with the values until you get what you want.
So if you want to use a css class and want to specify a widthDifference, do something like
1 arr = new Array()
2 arr['cssClass'] = 'yourClass';
3 arr['widthDifference'] = -5;
and you're done.
On the other hand it's handy if you don't have to create a css class and make sure it always ships with your file. well, enough of comments for this one.
Tags:
$direction = 0
[line 129]
The slider direction (horizontal/vertical)
0 = horizontally (default)
1 = vertically (currently not implemented)
Tags:
$fieldName =
[line 109]
When submitting the form, you'll receive the value under this name.
In other words you'll receive the data back to the server as if you had placed
1 <input type=text name="[the fieldName]" id="[the fieldName]" value="[the value]">
into your HTML-form.
Note:
- If not set the field name will be genarated as instanceName +"_value"
Tags:
$height = 20
[line 146]
The height of the sliding part in pixel.
This is not the full height. it excludes the input field and the push buttons.
Tags:
$imgDir = '/_bsJavascript/components/slider/img/'
[line 292]
The base path for the image folder.
Examples: (NOTE: The path has to end with a slash.)
- 'http://www.domain.com/foo/' <= with domain
- '/my/image/path/' <= absolute path without domain
- '../some/path/' <= relative path
Default is: '/_bsJavascript/components/slider/img/' Check this folder and the other folders around there for other styles.
Tags:
$inputTextFieldEvent = 'over'
[line 475]
If
useInputField is set to 3 we toggle. but when? default is onMouseOver (over) but it can be set to 'click' (onClick).
Tags:
$maxVal = 100
[line 160]
The highest possible value.
Tags:
$minVal = 0
[line 153]
The lowest possible value. It may be lower than 0 afaik :-)
Tags:
$moveX = 0
[line 256]
If you want to move the whole slider object with everything on the x-axis then set a value here.
- example: -5 means move the whole thing 5 pixel to the left.
- example: 10 means move the whole thing 10 pixel to the right.
Tags:
$moveY = 0
[line 268]
If you want to move the whole slider object with everything on the y-axis then set a value here.
- example: -5 means move the whole thing 5 pixel up the page.
- example: 10 means move the whole thing 10 pixel down the page.
Tags:
$styleContainerClass =
[line 345]
Use to set a CSS class name for the slider container.
Tags:
$styleValueFieldClass = 'smalltxt spanSliderField'
[line 352]
Use to set a CSS class name for the value input field.
Tags:
$styleValueTextClass = 'smalltxt spanSliderText'
[line 359]
Use to set a CSS class name for the value text span.
Tags:
$useInputField = 2
[line 465]
Should we display the input field (with value) to the right?
0 = no
1 = show as text (not implemented yet, will be shown as #2)
2 = show as input field (changable). this is the default.
3 = show as text, onclick becomes an input field. (not all browsers support that, but
it's fancy :)
The trick is to keep it invisible if set to false. we need it because it's the holder of the internal value. could be recoded, if you want to...
Tags:
$valueDefault = 0
[line 171]
The default value (when the slider gets initialized).
Note:
- Can initially have alower or higher value than minVal/maxVal.
This is a feature. You can detect if the used has set any value this way.
Only values in the range of minVal - maxVal can be set and are displayed.
Tags:
$valueInterval = 1
[line 445]
The step (interval) of the values.
Examples: 0, 1, 2, 3 ... has an interval of 1
0, 0.5, 1, 1.5 ... has an interval of 0.5
with the current rounding it can go down to 2 digits after the dot, like 3.51.
Tags:
$width = 100
[line 138]
The width of the sliding part in pixel.
Note:
- This is not the full width. It excludes the input field and the push buttons.
Tags:
$_constructor =
[line 1554]