FHEM/fhem-mirror
2
0
Fork 0
mirror of https://github.com/fhem/fhem-mirror.git synced 2025-03-03 16:56:54 +00:00
Code Issues Releases Wiki Activity

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

Browse Source 
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
1 changed files with 15 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
fhem/www/pgm2/fhemweb.js
View File

@ -711,7 +711,7 @@ FW_createSlider(elName, devName, vArr, currVal, set, params, cmd)
if(currVal < min || currVal > max) if(currVal < min || currVal > max)
currVal = min; 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); var slider = $('<div class="slider" id="slider.'+devName+'">').get(0);
$(newEl).append(slider); $(newEl).append(slider);
@ -734,6 +734,20 @@ FW_createSlider(elName, devName, vArr, currVal, set, params, cmd)
slider.nextSibling.setAttribute('value', currVal); 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 function
touchFn(e, fn) touchFn(e, fn)
{ {