slider.js

Slider können z.B. zur komfortablen Einstellung eines Wertes genutzt werden. Leider bietet HTML keine Möglichkeit, einen Slider zu erstellen. Diese JavaScript Klasse erzeugt mit dem Aufruf von

<script type="text/javascript">
var mySlider = Slider(ID, Breite, Höhe, MinWert, MaxWert, InitWert, MinSchritt, MaxSchritt, Callback);
</script>

einen horizontalen Slider. Der Slider wird an der Stelle eingefügt, wo der Aufruf erfolgt, also irgendwo im HTML-Code. Die Argumente sind:

• ID: HTML ID für den Slider; muß auf der Seite eindeutig sein
• Breite: Breite des Sliders in Pixeln
• Höhe: Höhe des Sliders in Pixeln
• MinWert: Ganzzahlige linke Grenze des Sliders; kann negativ sein
• MaxWert: Ganzzahlige rechte Grenze des Sliders; kann negativ sein
• InitWert: Position des Slider bei der Initialisierung; es gilt MinWert ≤ InitWert ≤ MaxWert
• MinSchritt: Schrittweite beim Klick auf einen der Buttons links oder rechts vom Slider
• MaxSchritt: Schrittweite beim Klick links oder rechts neben den Slider-Knopf
• Callback: String, der einen Funktionsaufruf beschreibt, z.B. "myFunct('foo', 'bar')" (hier inkl. der Anführungszeichen)

Die Klasse verfügt über zwei Methoden:

mySlider.neuerWert(wert);
mySlider.neuerBereich(minWert, maxWert, neuerWert);

Bei neuerBereich() können Parameter weggelassen werden, wenn sie am Schluß stehen bzw. durch NaN() gekennzeichnet werden. Die aktuelle Position des Sliders kann mit der Eigenschaft

mySlider.wert

abgefragt werden. Alle erzeugten Slider werden im Array Slider.instanz[] gespeichert, und können dort über die ID angesprochen werden

Zur genauen Verwendung siehe die dem Zip beigefügte slider.html Datei.