From 31303114ef03b13ab320ee553f11a73346be7f4a Mon Sep 17 00:00:00 2001 From: Jesse Morgan Date: Fri, 18 Oct 2013 17:18:51 -0700 Subject: Making slider clickable. This change enables you to click on the slider bar to move the slider. --- web/scripts/growth.js | 10 ++++++++++ 1 file changed, 10 insertions(+) (limited to 'web/scripts/growth.js') diff --git a/web/scripts/growth.js b/web/scripts/growth.js index d4cee5b..5f5b273 100644 --- a/web/scripts/growth.js +++ b/web/scripts/growth.js @@ -10,6 +10,16 @@ $(document).ready(function() $("#answerField").val(value); } }); + $('.sliderbar').mousedown(function(e) { + var left = $(this).offset().left; + var width = $(this).width(); + proposed = Math.max(left, Math.min(e.pageX - 23, left + width - 46)); + $(this).children('.slider').offset({left: proposed}); + + var range = width - 46; + var value = (proposed - left) / range; + $("#answerField").val(value); + }); $('.quad .selector').draggable({ containment:"parent", -- cgit v1.2.3