2
0
mirror of https://github.com/fhem/fhem-mirror.git synced 2025-03-03 10:46:53 +00:00

fhemweb.js: add keyboard-input to slider (Forum #37156)

git-svn-id: https://svn.fhem.de/fhem/trunk@8577 2b470e98-0d58-463d-a4d8-8e2adae1ed80
This commit is contained in:
rudolfkoenig 2015-05-14 13:13:53 +00:00
parent 45cd402b4d
commit 40b0741196

View File

@ -711,7 +711,7 @@ FW_createSlider(elName, devName, vArr, currVal, set, params, cmd)
if(currVal < min || currVal > max)
currVal = min;
var newEl = $('<div style="display:inline-block">').get(0);
var newEl = $('<div style="display:inline-block" tabindex="0">').get(0);
var slider = $('<div class="slider" id="slider.'+devName+'">').get(0);
$(newEl).append(slider);
@ -734,6 +734,20 @@ FW_createSlider(elName, devName, vArr, currVal, set, params, cmd)
slider.nextSibling.setAttribute('value', currVal);
}
$(newEl).keydown(function(e){
if(e.keyCode == 37) currVal -= stp;
if(e.keyCode == 39) currVal += stp;
if(currVal < min) currVal = min;
if(currVal > max) currVal = max;
offX = (currVal-min)*maxX/(max-min);
sh.innerHTML = currVal;
sh.setAttribute('style', 'left:'+offX+'px;');
if(cmd)
cmd(currVal);
if(elName)
slider.nextSibling.setAttribute('value', currVal);
});
function
touchFn(e, fn)
{