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

comparison client/digitallibrary/jquery/jquery.digilib.js @ 634:34ee220a664b jquery

trying showAboutDivFn...

author	robcast
date	Tue, 18 Jan 2011 17:16:46 +0100
parents	73357f3dec20
children	7293a42f44f5

comparison

equal deleted inserted replaced

-:73357f3dec20
+:34ee220a664b
 // settings for this digilib instance are merged from defaults and options
 var settings = $.extend({}, defaults, options);
 var isFullscreen = settings.interactionMode === 'fullscreen';
 if (isFullscreen) {
 queryParams = parseQueryParams();
-};
+}
 return this.each(function() {
 var $elem = $(this);
 var data = $elem.data('digilib');
 var elemSettings;
 // if the plugin hasn't been initialized yet
 // merge query parameters
 if (isFullscreen) {
 elemSettings = $.extend({}, settings, queryParams);
 } else {
 elemSettings = $.extend({}, settings, parseImgParams($elem));
-};
+}
 // store $(this) element in the settings
 elemSettings.digilibRoot = $elem;
 data =  {
 target : $elem,
 settings : elemSettings
 $this.removeData('digilib');
 });
 },
 // event handler: toggles the visibility of the 'about' window
-toggleAboutDiv : function () {
+toggleAboutDiv : function() {
-var $elem = $(this); // the clicked button
+var $this = $(this);
-var settings = $elem.data('digilib').settings;
+var data = $this.data('digilib');
-var $root = settings.digilibRoot;
+showAboutDivFn(data)();
-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 () {
 // TODO: red frame functionality
 if (pn == null) return false; // nothing happened
 if (pn < 1) {
 alert("no such page (page number too low)");
 settings.pn = oldpn;
 return false;
-};
+}
 if (settings.pt) {
 if (pn > settings.pt) {
 alert("no such page (page number too high)");
 settings.pn = oldpn;
 return false;
 }
-};
+}
 // TODO: keepMarks
 var $root = settings.digilibRoot;
 var $img = $root.find('img.pic');
 display($img, settings);
 return false;
 var params = {};
 for (var i = 0; i < pairs.length; i++) {
 var pair = pairs[i].split("=");
 if (pair.length === 2) {
 params[pair[0]] = pair[1];
-};
+}
-};
+}
 return params;
 };
 // returns a query string from key names from a parameter hash
 var getParamString = function (settings, keys) {
 // first param gets no '&'
 paramString += latter ? '&' : '';
 latter = true;
 // add parm=val
 paramString += key + '=' + settings[key];
-};
+}
 }
 return paramString;
 };
 // processes some parameters into objects and stuff
 $logo.attr('src', settings.logoUrl);
 $link.attr('href', settings.reposUrl);
 $content.text('Version: ' + settings.version);
 // let the element know about the digilib context
 $aboutDiv.data('digilib', { 'settings' : settings } );
-$aboutDiv.bind('click', function() {
+$aboutDiv.bind('click', showAboutDivFn(data, 0));
-console.log($(this));
+};
-$(this).digilib('toggleAboutDiv');
-});
+// returns handler for showing the 'about' window (toggle visibility if show is null)
-};
+var showAboutDivFn = function (data, show) {
+var $elem = data.target;
+var settings = data.settings;
+// event handler: toggles the visibility of the 'about' window
+return function () {
+var $about = $elem.find('div.about');
+if (typeof(show) !== 'number') {
+// toggle visibility
+settings.isAboutDivVisible = !settings.isAboutDivVisible;
+} else {
+// set visibility
+settings.isAboutDivVisible = show;
+}
+if (settings.isAboutDivVisible) {
+$about.fadeIn();
+} else {
+$about.fadeOut();
+}
+};
+};
 // returns function for load event of scaler img
 var scalerImgLoadedFn = function (data) {
 var settings = data.settings;
 var $elem = data.target;
 data.imgTrafo = trafo;
 // display marks
 renderMarks(data);
 //digilib.showBirdDiv(isBirdDivVisible);
 //digilib.showArrows(); // show arrow overlays for zoom navigation
+// done -- hide about div
+showAboutDivFn(data, 0)();
 };
 };
 // place marks on the image
 var renderMarks = function (data) {
 };
 // hook plugin into jquery
 $.fn.digilib = function(method) {
 if (methods[method]) {
+// call method on this with the remaining arguments
 return methods[method].apply(this, Array.prototype.slice.call(arguments, 1));
 } else if (typeof(method) === 'object' || !method) {
+// call init on this
 return methods.init.apply(this, arguments);
 } else {
-$.error( 'Method ' +  method + ' does not exist on jQuery.digilib' );
+$.error( 'Method ' + method + ' does not exist on jQuery.digilib' );
 }
 };
 })(jQuery);