digilib-old: client/digitallibrary/jquery/jquery.digilib.js comparison

comparison client/digitallibrary/jquery/jquery.digilib.js @ 618:09167ef1512e jquery

some refactoring, onclick handlers now work with arguments

author	hertzhaft
date	Sun, 16 Jan 2011 23:34:29 +0100
parents	cd846b5c8be8
children	a473998de5f8

comparison

equal deleted inserted replaced

-:cd846b5c8be8
+:09167ef1512e
 * digilib jQuery plugin
 *
 */
 (function($) {
-var buttons = {
+var actions = {
 reference : {
 onclick : "javascript:getRefWin()",
 tooltip : "get a reference URL",
 img : "reference.png"
 },
 onclick : "toggleBirdDiv",
 tooltip : "show bird's eye view",
 img : "birds-eye.png"
 },
 help : {
-onclick : "toggleAboutDiv",
+onclick : ["toggleAboutDiv", 0.2],
 tooltip : "about Digilib",
 img : "help.png"
 },
 reset : {
 onclick : "javascript:resetImage()",
 'rot','cont','brgt','rgbm','rgba','ddpi','ddpix','ddpiy'],
 // mode of operation.
 // fullscreen: takes parameters from page URL, keeps state in page URL
 // embedded: takes parameters from Javascript options, keeps state inside object
 'interactionMode' : 'fullscreen',
-// buttons
+// actions
-'buttons' : buttons,
+'actions' : actions,
 // path to button images (must end with a slash)
 'buttonsImagePath' : '../greyskin/',
-// button groups
+// actions groups
-'buttonsStandard' : ["reference","zoomin","zoomout","zoomarea","zoomfull","pagewidth","back","fwd","page","bird","SEP","help","reset","options"],
+'actionsStandard' : ["reference","zoomin","zoomout","zoomarea","zoomfull","pagewidth","back","fwd","page","bird","SEP","help","reset","options"],
-'buttonsSpecial' : ["mark","delmark","hmir","vmir","rot","brgt","cont","rgb","quality","size","calibrationx","scale","SEP","options"],
+'actionsSpecial' : ["mark","delmark","hmir","vmir","rot","brgt","cont","rgb","quality","size","calibrationx","scale","SEP","options"],
-'buttonsCustom' : [],
+'actionsCustom' : [],
 // is birdView shown?
 'isBirdDivVisible' : false,
 // dimensions of bird's eye window
 'birdMaxX' : 200,
 'birdMaxY' : 200,
 settings : elemSettings
 });
 }
 // create HTML structure
 setupScalerDiv($elem, elemSettings);
-setupButtons($elem, elemSettings, 'buttonsStandard');
+setupButtons($elem, elemSettings, 'actionsStandard');
 // bird's eye view creation - could be deferred?
 setupBirdviewDiv($elem, elemSettings);
 // about window creation - could be deferred? restrict to only one item?
 setupAboutDiv($elem, elemSettings);
 });
 $scaler.append($img);
 $img.load(scalerImgLoadedFn(settings));
 };
 // creates HTML structure for buttons in elem
-var setupButtons = function ($elem, settings, buttonGroup) {
+var setupButtons = function ($elem, settings, actionGroup) {
 if (settings.interactionMode === 'fullscreen') {
 // fullscreen -- create new
 var $buttonsDiv = $('<div class="buttons"></div>');
 $elem.append($buttonsDiv);
-var buttonNames = settings[buttonGroup];
+var actionNames = settings[actionGroup];
-for (var i = 0; i < buttonNames.length; i++) {
+for (var i = 0; i < actionNames.length; i++) {
-var buttonName = buttonNames[i];
+var actionName = actionNames[i];
-var buttonSettings = settings.buttons[buttonName];
+var actionSettings = settings.actions[actionName];
 // construct the button html
 var $button = $('<div class="button"></div>');
 var $a = $('<a/>');
 var $img = $('<img class="button"/>');
 $buttonsDiv.append($button);
 $button.append($a);
 $a.append($img);
 // add attributes and bindings
-$button.attr('title', buttonSettings.tooltip);
+$button.attr('title', actionSettings.tooltip);
-$button.addClass('button-' + buttonName);
+$button.addClass('button-' + actionName);
 // let the clicked <a> element know about the digilib context
-$a.data('digilib', { 'name' : buttonName, 'settings' : settings } );
+$a.data('digilib', { 'action' : actionName, 'settings' : settings } );
 $a.bind('click', function() {
 // get the context settings
 var data = $(this).data('digilib');
 // find the action for the clicked element
-var method = data.settings.buttons[data.name].onclick;
+var method = data.settings.actions[data.action].onclick;
 // find the digilib object with methods
 var $root = data.settings.digilibRoot;
 // execute as a method
-$a.digilib(method);
+console.log(method);
-console.log(onclick);
+if ($.isArray(method)) {
+$a.digilib.apply(this, method);
+} else {
+$a.digilib(method);
+};
 });
 // binding mit closure
 //(function(){ var action = buttonSettings.onclick;
 //    $a.bind('click', function(){ console.log( action )} );
 //})();
-$img.attr('src', settings.buttonsImagePath + buttonSettings.img);
+$img.attr('src', settings.buttonsImagePath + actionSettings.img);
 };
 }
 return $buttonsDiv;
 };