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

git-svn-id: svn://svn.code.sf.net/p/fhem/code/trunk@8577 2b470e98-0d58-463d-a4d8-8e2adae1ed80
This commit is contained in:
rudolfkoenig
2015-05-14 13:13:53 +00:00
parent b3f2d82f0c
commit d87de4a221

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)
{