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

comparison client/digitallibrary/jquery/jquery.digilib.js @ 610:2f2cd8c44a1c jquery

toggle view event handlers for bird's eye and 'about windows

author	hertzhaft
date	Sun, 16 Jan 2011 22:24:50 +0100
parents	e18dedef32fb
children	d332c61da1b0

comparison

equal deleted inserted replaced

-:e18dedef32fb
+:2f2cd8c44a1c
 onclick : "javascript:gotoPageWin()",
 tooltip : "specify image",
 img : "page.png"
 },
 bird : {
-onclick : "javascript:toggleBirdDiv()",
+onclick : "toggleBirdDiv",
 tooltip : "show bird's eye view",
 img : "birds-eye.png"
 },
 help : {
-onclick : "javascript:toggleAboutDiv()",
+onclick : "toggleAboutDiv",
 tooltip : "about Digilib",
 img : "help.png"
 },
 reset : {
 onclick : "javascript:resetImage()",
 },
 SEP : {
 img : "sep.png"
 }
 };
 var defaults = {
+// the root digilib element, for easy retrieval
+'digilibRoot' : null,
 // version of this script
 'version' : 'jquery.digilib.js 1.0',
 // logo url
 'logoUrl' : '../img/digilib-logo-text1.png',
 // repository url
 if (isFullscreen) {
 elemSettings = $.extend({}, settings, queryParams);
 } else {
 elemSettings = $.extend({}, settings, parseImgParams($elem));
 };
+// store $(this) element in the settings
+elemSettings.digilibRoot = $elem;
 // store in data element
 $elem.data('digilib', {
 target : $elem,
 settings : elemSettings
 });
 }
 // create HTML structure
 setupScalerDiv($elem, elemSettings);
 setupButtons($elem, elemSettings, 'buttonsStandard');
+// 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);
 });
 },
 // clean up digilib
 // Namespacing FTW
 $(window).unbind('.digilib'); // unbinds all digilibs(?)
 data.digilib.remove();
 $this.removeData('digilib');
 });
+},
+// event handler: toggles the visibility of the 'about' window
+toggleAboutDiv : function () {
+var $elem = $(this); // the clicked button
+var settings = $elem.data('digilib').settings;
+var $root = settings.digilibRoot;
+var $about = $root.find('div.about');
+settings.isAboutDivVisible = !settings.isAboutDivVisible;
+if (settings.isAboutDivVisible) {
+$about.fadeIn();
+} else {
+$about.fadeOut();
+};
+return false;
+},
+// event handler: toggles the visibility of the bird's eye window
+toggleBirdDiv : function () {
+// xxx: red frame functionality still to be done!
+var $elem = $(this); // the clicked button
+var settings = $elem.data('digilib').settings;
+var $root = settings.digilibRoot;
+var $bird = $root.find('div.birdview');
+settings.isBirdDivVisible = !settings.isBirdDivVisible;
+if (settings.isBirdDivVisible) {
+$bird.fadeIn();
+} else {
+$bird.fadeOut();
+};
+return false;
 }
 };
 // returns parameters from page url
 var parseQueryParams = function() {
 $a.data('digilib', { 'name' : buttonName, 'settings' : settings } );
 $a.bind('click', function() {
 // get the context settings
 var data = $(this).data('digilib');
 // find the action for the clicked element
-console.log(data.settings.buttons[data.name].onclick);
+var method = data.settings.buttons[data.name].onclick;
+// find the digilib object with methods
+var $root = data.settings.digilibRoot;
+// execute as a method
+$a.digilib(method);
+console.log(onclick);
 });
 // binding mit closure
 //(function(){ var action = buttonSettings.onclick;
 //    $a.bind('click', function(){ console.log( action )} );
 //})();