digilib: webapp/src/main/webapp/jquery/jquery.digilib.sliders.js comparison

comparison webapp/src/main/webapp/jquery/jquery.digilib.sliders.js @ 1061:8437372976a9

button for resetting sliders to default value

author	hertzhaft
date	Mon, 23 Apr 2012 23:08:03 +0200
parents	46e5e640de47
children	109055299cc8

comparison

equal deleted inserted replaced

-:46e5e640de47
+:8437372976a9
 /**
 digilib sliders plugin
 */
-// TODO: add a "default" button that resets slider to the default value
+// TODO:
-// (not to the current URL param)
+// IE sets rgb contrast sliders initially to 0.4 instead of 0 - ???
 (function($) {
 // plugin object with digilib data
 var digilib = null;
 // the functions made available by digilib
 rot : {
 label : "Rotation angle",
 tooltip : "rotate image",
 icon : "rotate.png",
 preview : false,
-'min' : 0,
+min : 0,
-'max' : 360,
+max : 360,
-'step' : 0.1,
+step : 0.1,
-'start' : 90
+start : 90
 },
 brgt : {
 label : "Brightness",
 tooltip : "set numeric value to be added",
 icon : "brightness.png",
 preview : true,
-'min' : -255,
+min : -255,
-'max' : 255,
+max : 255,
-'step' : 10,
+step : 10,
-'start' : 0
+start : 0
 },
 cont : {
 label : "Contrast",
 tooltip : "set numeric value to be multiplied",
 icon : "contrast.png",
 preview : true,
-'min' : -4,
+min : -4,
-'max' : 4,
+max : 4,
-'step' : 0.01,
+step : 0.1,
-'start' : 0
+start : 0
 }
 };
 var primaryColors = ['r', 'g', 'b'];
 var colorVals = {
 var html = '\
 <div id="'+cssPrefix+'slider" class="'+cls+'">\
 <form class="'+cls+'">\
 <input class="'+cls+'cancel" type="button" value="Cancel"/>\
 <input class="'+cls+'reset" type="button" value="Reset"/>\
+<input class="'+cls+'default" type="button" value="Default"/>\
 <input type="submit" name="sub" value="Ok"/>\
 </form>\
 </div>';
 $div = $(html).appendTo($elem);
 var $form = $div.find('form');
 // handle reset
 $form.find('.'+cls+'reset').on('click', function () {
 var sliders = $form.find('div.'+tiny);
 sliders.each(function () {
 var reset = $(this).data('reset');
+reset();
+});
+});
+// handle default
+$form.find('.'+cls+'default').on('click', function () {
+var sliders = $form.find('div.'+tiny);
+sliders.each(function () {
+var reset = $(this).data('default');
 reset();
 });
 });
 // handle cancel
 $form.find('.'+cls+'cancel').on('click', function () {
 };
 var reset = function () {
 $text.val(startvalue);
 textChange();
 };
+var resetdefault = function () {
+$text.val(opts.start);
+textChange();
+};
 // connect slider and input
 $range.on('change', rangeChange);
 $text.on('change', textChange);
 $slider.data({
 '$text' : $text,
 '$range' : $range,
 'reset' : reset,
+'default' : resetdefault,
 'update' : null
 });
 return $slider;
 };