ClickBar - ein Balken zum Anklicken
Problemstellung:
Verborgene oder readonly-Textfelder sollen grafisch über einen Balken gesteuert und manipuliert werden. Dieser Balken soll ähnlich einem Rollbalken funktionieren.Leider ist das direkte "Schieben" des Balkens mit der Maus nur schwer zu realisieren, da die meisten Browser das Bewegen der Maus mit gedrückter Maustaste als Drag&Drop-Aktion interpretieren.
Daher wollen wir uns mit einfachem Klicken begnügen, das funktioniert auch und ist gar nicht mal so unpraktisch.
Beispiele:
Beispiel 1 (test1.html)Ein Balken mit unterschiedlichen Bildern zur Wertdarstellung
Beispiel 2 (test1hover.html)
Ein Balken mit identischen Bildern zur Wertdarstellung und hover-Effekten
Beispiel 3 (test5.html)
fünf teilweise geklonte Balken ohne und mit hover-Effekten
Konzept und Quelltextbesichtigung:
Die Grundfunktionalität wird in der Datei droepbar.js definiert.Beispieldateien sind test1.html, test1hover.html, test5.html,
Funktions- und Objektreferenz:
globale Funktionen und DroepBar-Objekt (Definiert in droepbar.js)