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:
@@ -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)
|
||||
{
|
||||
|
||||
Reference in New Issue
Block a user