it-swarm.com.de

Gibt es einen einfachen JavaScript-Regler?

Ich muss einen benutzerdefinierten Lautstärkeregler für ein WMP-Objekt erstellen. Der aktuelle Schieberegler ist kompliziert zu ändern und zu verwenden. Gibt es eine einfache Möglichkeit, einen Schieberegler auf einer HTML-Seite zu generieren, dessen Wert an eine JavaScript-Funktion übergeben werden kann?

43
UnkwnTech
29
John Millikin

hey, ich habe gerade meinen eigenen JS-Schieberegler erstellt, weil ich genug von der schweren JQuery-Benutzeroberfläche hatte. Interessiert, die Gedanken der Leute zu hören. Ich war 5 Stunden lang dabei, also wirklich sehr, sehr frühe Stadien.

jsfiddle_slider

34
Luc

HTML 5 mit Webforms 2 liefert ein <input type="range">, wodurch der Browser einen nativen Schieberegler für Sie generiert. Leider wird dies nicht von allen Browsern unterstützt. google hat alle Webforms 2-Steuerelemente mit js implementiert. IIRC the js ist intelligent genug, um zu wissen, ob der Browser das Steuerelement implementiert hat, und wird nur ausgelöst, wenn keine native Implementierung vorhanden ist.

Aus meiner Sicht sollte es als Best Practice angesehen werden, wenn möglich die nativen Steuerelemente des Browsers zu verwenden.

19
olle

Ein einfacher Slider: Ich habe das gerade in reines HTML5 und es ist so einfach getestet!

<input type="range">

Es funktioniert wie ein Zauber auf Chrome. Ich habe noch keine anderen Browser getestet.

17

Hier ist ein weiteres Licht JavaScript-Schieberegler , das Ihren Anforderungen zu entsprechen scheint.

5
treznik
4
Alex Gyoshev

script.aculo.us hat ein Schieberegler , das es wert sein könnte, ausgecheckt zu werden.

3
pkaeding

Ich empfehle Slider von Filament Group, Es hat eine sehr gute Benutzererfahrung

http://www.filamentgroup.com/lab/update_jquery_ui_slider_from_a_select_element_now_with_aria_support/

2
Farm

Es gibt einen Nice Javascript Slider, der sehr einfach zu implementieren ist. Sie können das Zip-Paket hier herunterladen: http://ruwix.com/javascript-volume-slider-control/


p.s. hier die vereinfachte Version des obigen Skripts:

enter image description here

DEMO link

2
Denes Ferenc

Das schlanke MooTools-Framework hat eines: http://demos.mootools.net/Slider

2
Ates Goral

Hier ist ein einfaches Slider-Objekt für die einfache Verwendung

pagecolumn_webparts_sliders

1
unigg

Der Carpe Slider hat auch neuere Versionen:
v1.5 carpe_ambiprospect_slider v2.0b ... slider/drafts/v2.0 /

1
Tom