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

comparison client/digitallibrary/jquery/jquery.digilib.js @ 619:1035891fb6f1 jquery

Merge with HEAD

author	robcast
date	Mon, 17 Jan 2011 22:10:12 +0100
parents	8bdc9659ecfa 8b1e255b617c
children	b930fa64c684

comparison

equal deleted inserted replaced

-:8bdc9659ecfa
+:1035891fb6f1
 onclick : "javascript:zoomFullpage('width')",
 tooltip : "page width",
 img : "pagewidth.png"
 },
 back : {
-onclick : "javascript:gotoPage('-1')",
+onclick : ["gotoPage", "-1"],
 tooltip : "goto previous image",
 img : "back.png"
 },
 fwd : {
-onclick : "javascript:gotoPage('+1')",
+onclick : ["gotoPage", "+1"],
 tooltip : "goto next image",
 img : "fwd.png"
 },
 page : {
 onclick : "javascript:gotoPageWin()",
 onclick : "toggleBirdDiv",
 tooltip : "show bird's eye view",
 img : "birds-eye.png"
 },
 help : {
-onclick : ["toggleAboutDiv", 0.2],
+onclick : "toggleAboutDiv",
 tooltip : "about Digilib",
 img : "help.png"
 },
 reset : {
 onclick : "javascript:resetImage()",
 return false;
 },
 // event handler: toggles the visibility of the bird's eye window
 toggleBirdDiv : function () {
-// xxx: red frame functionality still to be done!
+// TODO: red frame functionality
 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;
 $bird.fadeIn();
 } else {
 $bird.fadeOut();
 };
 return false;
+},
+// goto given page nr (+/-: relative)
+gotoPage : function(pageNr, keepMarks) {
+var $elem = $(this); // the clicked button
+var settings = $elem.data('digilib').settings;
+var oldpn = settings.pn;
+var pn = setNumValue(settings, "pn", pageNr);
+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;
 }
 };
+// sets a key to a value (relative values with +/- if relative=true)
+var setNumValue = function(settings, key, value) {
+// TODO: type and error checking
+if (settings[key] == null) return null;
+var sign = value.substring(0,1);
+if (sign === '+' || sign === '-') {
+		    settings[key] = parseFloat(settings[key]) + parseFloat(value);
+} else {
+		settings[key] = value;
+	   }
+	return settings[key];
+};
 // returns parameters from page url
 var parseQueryParams = function() {
 return parseQueryString(location.search.slice(1));
 };
 var winW = $(window).width();
 // TODO: account for borders?
 return geom.size(winW, winH);
 };
+// (re)load the img from a new scaler URL
+var display = function ($img, settings) {
+// TODO: update location.href (browser URL) in fullscreen mode
+var scalerUrl = getScalerString(settings);
+$img.attr('src', scalerUrl);
+// TODO: update bird view?
+};
 // creates HTML structure for digilib in elem
 var setupScalerDiv = function ($elem, settings) {
-var rewrite;
+var $img;
 if (settings.interactionMode === 'fullscreen') {
 // fullscreen
 var imgSize = getFullscreenImgSize($elem);
 settings.dw = imgSize.width;
 settings.dh = imgSize.height;
 $img = $('<img/>');
-var scalerUrl = getScalerString(settings);
+display($img, settings);
-$img.attr('src', scalerUrl);
-$img.addClass('pic');
 } else {
 // embedded mode -- try to keep img tag
-var $img = $elem.find('img');
+$img = $elem.find('img');
 if ($img.length > 0) {
 console.debug("img detach:",$img);
 $img.detach();
-$img.addClass('picsi');
 } else {
 $img = $('<img/>');
-var scalerUrl = getScalerString(settings);
+display($img, settings);
-$img.attr('src', scalerUrl);
-$img.addClass('pic');
 }
 }
 // create new html
 $elem.empty(); // TODO: should we keep stuff for customization?
 var $scaler = $('<div class="scaler"/>');
 $elem.append($scaler);
 $scaler.append($img);
+$img.addClass('pic');
 $img.load(scalerImgLoadedFn(settings));
 };
 // creates HTML structure for buttons in elem
 var setupButtons = function ($elem, settings, actionGroup) {