JSXGraph Reference
ElementsElement Slider
JXG.GeometryElement
↳ JXG.Point
↳ Glider
↳ Slider
A slider can be used to choose values from a given range of numbers.
Defined in: slider.js.
Extends
Glider.
| Constructor Attributes | Constructor Name and Description |
|---|---|
| Field Attributes | Field Name and Description |
|---|---|
|
The precision of the slider value displayed in the optional text.
|
|
|
The slider only returns multiples of this value, e.g.
|
| Field Attributes | Field Name and Description |
|---|---|
|
End value of the slider range.
|
|
|
Start value of the slider range.
|
|
|
The baseline the glider is bound to.
|
|
|
A line on top of the baseline, indicating the slider's progress.
|
|
|
The text element to the right of the slider, indicating its current value.
|
|
|
Start point of the base line.
|
|
|
End point of the base line.
|
|
|
Ticks give a rough indication about the slider's current value.
|
|
|
Returns the current slider value.
|
- Methods borrowed from class Glider:
- startAnimation, stopAnimation
- Methods borrowed from class JXG.Point:
- _anim, addConstraint, addTransform, Dist, free, handleAttractors, handleSnapToGrid, handleSnapToPoints, hasPoint, makeGlider, moveAlong, moveTo, normalizeFace, popSlideObject, remove, setGliderPosition, setPosition, setPositionByTransform, setPositionDirectly, setStyle, update, updateConstraint, updateGlider, updateGliderFromParent, updateRenderer, updateTransform, visit, X, XEval, Y, YEval, Z, ZEval
- Methods borrowed from class JXG.GeometryElement:
- _set, addChild, addDescendants, addRotation, animate, bounds, clearTrace, cloneToBackground, countChildren, createGradient, createLabel, draggable, generatePolynomial, getAttribute, getAttributes, getLabelAnchor, getName, getParents, getTextAnchor, getType, hideElement, labelColor, noHighlight, normalize, off, on, prepareUpdate, removeChild, removeDescendants, resolveShortcuts, setArrow, setAttribute, setDash, setLabelText, showElement, triggerEventHandlers
- Events borrowed from class JXG.GeometryElement:
- attribute, attribute:<attribute><attribute>, down, drag, mousedown, mousedrag, mousemove, mouseout, mouseover, mouseup, move, out, over, touchdown, touchdrag, touchup, up
Element Detail
Slider
-
This element has no direct constructor. To create an instance of this element you have to call JXG.Board#create
with type "slider".
- Possible parent array combinations are:
-
{Array} start
{Array} end
{Array} data
- The first two arrays give the start and the end where the slider is drawn on the board. The third array gives the start and the end of the range the slider operates as the first resp. the third component of the array. The second component of the third array gives its start value.
- Throws:
- {Exception}
- If the element cannot be constructed with the given parent objects an exception is thrown.
- Examples:
// Create a slider with values between 1 and 10, initial position is 5.
var s = board.create('slider', [[1, 2], [3, 2], [1, 5, 10]]);
// Create a slider taking integer values between 1 and 50. Initial value is 50.
var s = board.create('slider', [[1, 3], [3, 1], [1, 10, 50]], {snapWidth: 1});
Attribute Detail
{Number}
precision
The precision of the slider value displayed in the optional text.
Defined in: options.js.
Defined in: options.js.
{Number}
snapWidth
The slider only returns multiples of this value, e.g. for discrete values set this property to 1. For
continuous results set this to -1.
Defined in: options.js.
Defined in: options.js.
Field Detail
{Number}
_smax
End value of the slider range.
{Number}
_smin
Start value of the slider range.
{JXG.Line}
baseline
The baseline the glider is bound to.
{JXG.Line}
highline
A line on top of the baseline, indicating the slider's progress.
{JXG.Text}
label
The text element to the right of the slider, indicating its current value.
{JXG.Point}
point1
Start point of the base line.
{JXG.Point}
point2
End point of the base line.
{JXG.Ticks}
ticks
Ticks give a rough indication about the slider's current value.
{Number}
Value
Returns the current slider value.
Attributes borrowed from other Elements
- Attributes borrowed from class JXG.Point:
- attractorDistance, attractors, face, showInfobox, size, snapToPoints, snatchDistance, style
- Attributes borrowed from class JXG.GeometryElement:
- dash, draft, fillColor, fillOpacity, fixed, frozen, highlight, highlightFillColor, highlightFillOpacity, highlightStrokeColor, highlightStrokeOpacity, highlightStrokeWidth, needsRegularUpdate, scalable, shadow, strokeColor, strokeOpacity, strokeWidth, trace, traceAttributes, visible, withLabel
Fields borrowed from other Elements
- Fields borrowed from class Glider:
- slideObject
- Fields borrowed from class JXG.Point:
- coords, group, needsUpdateFromParent, onPolygon, position, slideObjects, snapSizeX, snapSizeY, snapToGrid
- Fields borrowed from class JXG.GeometryElement:
- _pos, addEvent, ancestors, baseElement, board, childElements, descendants, dump, elementClass, elType, eventHandlers, getProperty, hasLabel, highlighted, id, isDraggable, isReal, lastDragTime, methodMap, mouseover, name, needsUpdate, notExistingParents, numTraces, quadraticform, removeEvent, rendNode, setProperty, stdform, subs, symbolic, traces, transformations, type, visProp
Methods borrowed from other Elements
- Methods borrowed from class Glider:
- startAnimation, stopAnimation
- Methods borrowed from class JXG.Point:
- _anim, addConstraint, addTransform, Dist, free, handleAttractors, handleSnapToGrid, handleSnapToPoints, hasPoint, makeGlider, moveAlong, moveTo, normalizeFace, popSlideObject, remove, setGliderPosition, setPosition, setPositionByTransform, setPositionDirectly, setStyle, update, updateConstraint, updateGlider, updateGliderFromParent, updateRenderer, updateTransform, visit, X, XEval, Y, YEval, Z, ZEval
- Methods borrowed from class JXG.GeometryElement:
- _set, addChild, addDescendants, addRotation, animate, bounds, clearTrace, cloneToBackground, countChildren, createGradient, createLabel, draggable, generatePolynomial, getAttribute, getAttributes, getLabelAnchor, getName, getParents, getTextAnchor, getType, hideElement, labelColor, noHighlight, normalize, off, on, prepareUpdate, removeChild, removeDescendants, resolveShortcuts, setArrow, setAttribute, setDash, setLabelText, showElement, triggerEventHandlers
Events borrowed from other Elements