[Übersicht]
Tutorials > Javascript > Canvas > Drehregler ≡ 

  PHP Basics
   • Administrationsbereich
   • Counter
   • Umfrage
   • Kalender
   • Kontaktformular
  Javascript
   • WebAudio Player
   • WebAudio Player Singles
   • Web-Farbmixer
   • Beim Scrollen nachladen
     Canvas
      • Weihnachtskalender
      • BCD Uhr
      • Analog Anzeigeinstrument
      • Drehregler
      • Schieberegler
      • Schiebeschalter
     Navigation
      • Registerkarten-Navigation
      • Rotationsmenue
     Animation & Spiele
      • Warp-Flug
      • Lichtjockey
  HTML
   • HTML 5 Grundgerüst
  CSS
   • Responsive Tabelle






php



webhostingbanner 250x250


[Tutorial]   [Download]  

Diese Seite demonstriert eine Auswahl der möglichen Reglertypen. [Zu den Schiebereglern]
Linear- oder Stufenregler, mit zentraler Nullstellung sowie unterschiedlicher Skalenbeschriftungen und Leuchtringen.
Die aktuelle Stellung kann als Prozentwert ausgelesen werden, angezeigt beim MouseOver.
Die Regler springen beim Doppelklick wieder auf ihren Ausgangswert.

Hinweis: Aktiviere bitte die Entwickler-Konsole mit F12. Dort werden die Meldungen und Werte ausgegeben.

- Standardregler
- Negative Skala
- Ohne Skalenstriche
 - 0 in Mittelstellung
- Up-Down Steuerung
 - Nur Leuchtring
 

- Stufenregler
- Mit Knebel
 - Stufenregler
- Nur Knebel
- Andere Endwinkel
 - Endlosregler
- Up-Down Impulse
- Leuchtring voller Umfang und immer an


- Standard-Beschriftung
- Skala dicker werdend
- Skala in Regenbogen
- Knopf in Metalloptik
- Wert exponentiell progressiv
 - 3-Punkt Skala
- Wert exponentiell degressiv