From 84b1886666e2d8299fb2084f9d7705004e93ca2d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=C3=89ric=20Lemoine?= Date: Fri, 31 May 2013 15:45:40 +0200 Subject: [PATCH] Display brightness/contrast value in button text --- examples/brightness-contrast.html | 8 ++++++++ examples/brightness-contrast.js | 26 ++++++++++++++++++++++---- 2 files changed, 30 insertions(+), 4 deletions(-) diff --git a/examples/brightness-contrast.html b/examples/brightness-contrast.html index c4ac127ebf..0ef43c8ad0 100644 --- a/examples/brightness-contrast.html +++ b/examples/brightness-contrast.html @@ -8,6 +8,14 @@ Brightness/contrast example + diff --git a/examples/brightness-contrast.js b/examples/brightness-contrast.js index 77601b5b6d..e6dac0eac7 100644 --- a/examples/brightness-contrast.js +++ b/examples/brightness-contrast.js @@ -20,27 +20,45 @@ var map = new ol.Map({ }); var increaseBrightness = document.getElementById('increase-brightness'); +var resetBrightness = document.getElementById('reset-brightness'); +var decreaseBrightness = document.getElementById('decrease-brightness'); + +function setResetBrightnessButtonHTML() { + resetBrightness.innerHTML = 'Brightness (' + layer.getBrightness() + ')'; +} +setResetBrightnessButtonHTML(); + increaseBrightness.addEventListener('click', function() { layer.setBrightness(layer.getBrightness() + 0.125); + setResetBrightnessButtonHTML(); }, false); -var resetBrightness = document.getElementById('reset-brightness'); resetBrightness.addEventListener('click', function() { layer.setBrightness(0); + setResetBrightnessButtonHTML(); }, false); -var decreaseBrightness = document.getElementById('decrease-brightness'); decreaseBrightness.addEventListener('click', function() { layer.setBrightness(layer.getBrightness() - 0.125); + setResetBrightnessButtonHTML(); }, false); var increaseContrast = document.getElementById('increase-contrast'); +var resetContrast = document.getElementById('reset-contrast'); +var decreaseContrast = document.getElementById('decrease-contrast'); + +function setResetContrastButtonHTML() { + resetContrast.innerHTML = 'Contrast (' + layer.getContrast() + ')'; +} +setResetContrastButtonHTML(); + increaseContrast.addEventListener('click', function() { layer.setContrast(layer.getContrast() + 0.125); + setResetContrastButtonHTML(); }, false); -var resetContrast = document.getElementById('reset-contrast'); resetContrast.addEventListener('click', function() { layer.setContrast(1); + setResetContrastButtonHTML(); }, false); -var decreaseContrast = document.getElementById('decrease-contrast'); decreaseContrast.addEventListener('click', function() { layer.setContrast(layer.getContrast() - 0.125); + setResetContrastButtonHTML(); }, false);