Hallo,
ich bin nun mal darauf angewiesen, dass ich fhem per Tastatur bedienen kann.
Dabei kann man in Windows (oder auch auf einem Nokia Handy) per Pfeiltasten (up/down) über den Bildschirm navigieren. Die meisten Java-Implementierungen für slider beinhalten auch eine Bedienung des sliders über Tastatur. Sobald der Fokus auf dem slider ist, kann man ihn mit Pfeil (rechts/links), oder bei manchen Implementierungen mit Pfeil hoch/runter, dabei muss der Fokus durch Drücken einer Auswahltaste auf den Slider aktiviert werden, bedienen.
Der schöne, runde Knop (knob) in fhem hat bspw. genau diese Barrierrefreiheit. Sobald er den Tastaturfokus hat, kann man mit den Pfeiltasten hoch/runter den Wert verstellen.
Nun meine Fragen:
1. Wo ist der aktuelle Code vom slider und vom knob versteckt? :-)
Vielleicht reicht es ja in (angepasster) Form den Teil des Codes aus dem knob in den slider zu übernehmen.
Das müsste so ähnlich ja aussehen:
$("body").keydown(function(e) {
if(e.keyCode == 37) { // left
$("#showroom").animate({
left: "-=980"
});
}
else if(e.keyCode == 39) { // right
$("#showroom").animate({
left: "+=980"
});
}
});
$(document).keypress(function(e){
switch((e.keyCode ? e.keyCode : e.which)){
//case 13: // Enter
//case 27: // Esc
//case 32: // Space
case 37: // Left Arrow
$("#showroom").animate({left: "+=980"});
break;
//case 38: // Up Arrow
case 39: // Right Arrow
$("#showroom").animate({left: "-=980"});
break;
//case 40: // Down Arrow
}
});
....
Vielleicht kann das jemand auch schneller ändern als ich, denn mit Java und Webseiten hatte ich bislang herzlich wenig zu tun.
Elektrolurch
Der Slider ist in www/pgm2/fhemweb.js implementiert, der Wrapper fuer den jquery-Knob in www/pgm2/fhemweb_knob.js
Ich habe jetzt fuer den Slider keyboard-input hinzugefuegt (nur die links+rechts Tasten), der Knob kann das auch wenn displayInput nicht auf false gesetzt ist, d.h. man sieht in der Mitte des Knobs den eingestellten Wert.
Btw. Java ist nicht gleich JavaScript.
Recht herzlichen Dank....
Werde ich nach dem nächsten Update ausprobieren.
Mit dem text im Knob finde ich für mich persönlich das sehr gelungen...
Hallo,
habe heute das Update gemacht und neu gestartet. Es war auch ein .js - Modul beim Update dabei.
Leider klappt das nicht mit dem slider.
Wenn ich auf dem slider per up/down - Taste hin navigiert habe, bewegt sich der Fokus bei recht/link - Tasten zum nächsten/vorherigen Objekt.
Beim Drücken der Leertaste springt der Wert des sliders auf "undefined".
Irgendwie bekommt der den Tastaturfokus nicht richtig.
Elektrolurch
Leertaste habe ich nicht abgefangen, und bei meinem Browsern (Firefox/Chrome) muss man mit TAB/Shift-Tab navigieren. Dabei kriegt beim Fokus der Slider eine Umrandung (siehe Anhang: Firefox:gepunktet, Chrome: blau), und man kann mit link/rechts Tasten den Wert veraendern.