digilib: client/digitallibrary/greyskin/dllib.js comparison

comparison client/digitallibrary/greyskin/dllib.js @ 425:ab2557f079fc

added showArrows() function (navigation arrows overlay) added canMove() function () pulled global vars out of init functions

author	hertzhaft
date	Thu, 22 Dec 2005 11:46:22 +0100
parents	e2bc7587aee1
children	fc5b8cade32f

comparison

equal deleted inserted replaced

-:de930d030a53
+:ab2557f079fc
 */
 digilibVersion = "Digilib NG";
 dllibVersion = "2.0";
 isDigilibInitialized = false;    // gets set to true in dl_param_init
-reloadPage = true;        // reload the page when parameters are changed
+reloadPage = true; // reload the page when parameters are changed, otherwise update only "src" attribute of scaler img
-// (false: update only "src" attribute of scaler img)
+// global variables
+dlTrafo = new Transform();
+dlMaxArea = new Rectangle(0.0, 0.0, 1.0, 1.0);
+dlArea = null;
+dlMarks = null;
+dlFlags = null;
+// global elements
+elemScaler = null;
+picElem = null;
 // flags for parameter sets
 PARAM_FILE = 1;
 PARAM_MODE = 2;
 PARAM_SIZE = 4;
 function dl_param_init() {
 // initialisation before onload
 if (!baseLibVersion) alert("ERROR: baselib.js not loaded!");
 if (isDigilibInitialized) return false;    // dl_param_init was already run
-dlMaxArea = new Rectangle(0.0, 0.0, 1.0, 1.0);
-dlTrafo = new Transform();
 // dlArea = new Rectangle(0.0, 0.0, 1.0, 1.0); // overwritten by parseAllParameters() below
 // dlMarks = new Array(); // dito
 // dlFlags = new Object(); // dito
-elemScaler = null; // ?
-picElem = null; // ?
 // parse parameters
 parseAllParameters();
 isDigilibInitialized = true;
 return true;
 }
 dlTrafo = parseTrafo(picElem);
 // debugProps(dlArea, "dlArea");
 for (var i = 0; i < dlMarks.length; i++) {
 var div = document.getElementById("mark" + i) || createMarkDiv(i);
 var mark = dlMarks[i];
-debugProps(mark, "mark");
+// debugProps(mark, "mark");
 if (dlArea.containsPosition(mark)) {
 var mpos = dlTrafo.transform(mark); // FIX ME: transform does not change anything
-debugProps(mark, "mpos");
+// debugProps(mark, "mpos");
 // suboptimal to place -5 pixels and not half size of mark-image
 // better not hide the marked spot (MR)
 // mpos.x = mpos.x -5;
 // mpos.y = mpos.y -5;
 moveElement(div, mpos);
 }
 window.focus();
 function moveCenterEvent(evt) {
 // move to handler
+var pt = dlTrafo.invtransform(evtPosition(evt));
+var newarea = new Rectangle(
+pt.x - 0.5 * dlArea.width,
+pt.y - 0.5 * dlArea.height,
+dlArea.width,
+dlArea.height
+);
+newarea.stayInside(dlMaxArea);
+// newarea = dlMaxArea.fit(newarea);
+// debugProps(newarea, "newarea");
+// debugProps(dlArea, "dlArea");
+if (newarea.equals(dlArea)) return; // keep event handler
 unregisterEvent("mousedown", elemScaler, moveCenterEvent);
-var pt = dlTrafo.invtransform(evtPosition(evt));
-var newarea = new Rectangle(pt.x-0.5*dlArea.width, pt.y-0.5*dlArea.height, dlArea.width, dlArea.height);
-newarea = dlMaxArea.fit(newarea);
 // set parameters
 setParamFromArea(newarea);
 parseArea();
 display();
 }
 if (!area) area = dlArea;
 return ((area.width == 1.0) && (area.height == 1.0));
 }
 function canMove(movx, movy) {
-if (isFullArea) return false;
+if (isFullArea()) return false;
+// debugProps(dlArea);
 return ((movx < 0) && (dlArea.x > 0))
 || ((movy < 0) && (dlArea.y > 0))
 || ((movx > 0) && (dlArea.x + dlArea.width < 1.0))
 || ((movy > 0) && (dlArea.y + dlArea.height < 1.0))
 }
 function moveBy(movx, movy) {
 // move visible area by movx and movy (in units of ww, wh)
-if (isFullArea) return;
+if (!canMove(movx, movy)) return; // nothing to do
-// nothing to do
 var newarea = dlArea.copy();
 newarea.x += parseFloat(movx)*dlArea.width;
 newarea.y += parseFloat(movy)*dlArea.height;
 newarea = dlMaxArea.fit(newarea);
 // set parameters
 display();
 }
 function getRef(baseURL) {
 // returns a reference to the current digilib set
 if (!baseUrl) baseUrl
 = location.protocol
 + "//"
 + location.host
 + location.pathname;
 var hyperlinkRef = baseUrl;
 var params = getAllParameters(PARAM_ALL & ~(PARAM_DPI | PARAM_PAGES)); // all without ddpi, pt
 if (params.length > 0) hyperlinkRef += "?" + params;
 return hyperlinkRef;
 }
 if (newq) setQuality(newq);
 }
 function mirror(dir) {
 // mirror the image horizontally or vertically
-if (dir == "h") {
+toggleFlag(dir == "h"
-toggleFlag("hmir");
+? "hmir"
-} else {
+: "vmir"
-toggleFlag("vmir");
+);
-}
 setParameter("mo", getAllFlags());
 display();
 }
 function gotoPage(gopage, keep) {
 display();
 return stopEvent(evt);
 }
 }
-	function showArrows() {
+function showArrow(name, rect, show) {
-if (defined(picElem.complete) && !picElem.complete && !browserType.isN4 ) {
+var arrow = getElement(name);
-setTimeout("showArrows()", 100);
+	moveElement(arrow, rect);
-return;
+	showElement(arrow, show);
-}
+	}
-		var arrow, pos, r;
-		r = getElementRect(picElem);
+function showArrows() {
-		// up
+if (defined(picElem.complete) && !picElem.complete && !browserType.isN4 ) {
-		arrow = getElement("up");
+setTimeout("showArrows()", 100);
-		pos = r.copy();
+return;
-		pos.height = ARROW_WIDTH;
+}
-		moveElement(arrow, pos);
+	var r = getElementRect(picElem);
-		showElement(arrow, true);
+showArrow('up',
-		// down
+new Rectangle(r.x, r.y, r.width, ARROW_WIDTH),
-		arrow = getElement("down");
+canMove(0, -1)
-		pos = r.copy();
+);
-		pos.y = pos.y + pos.height - ARROW_WIDTH;
+showArrow('down',
-		pos.height = ARROW_WIDTH;
+new Rectangle(r.x, r.y + r.height - ARROW_WIDTH, r.width, ARROW_WIDTH),
-		debugProps(pos);
+canMove(0, 1)
-		moveElement(arrow, pos);
+);
-		showElement(arrow, true);
+showArrow('left',
-		// left
+new Rectangle(r.x, r.y, ARROW_WIDTH, r.height),
-		arrow = getElement("left");
+canMove(-1, 0)
-		pos = r.copy();
+);
-		pos.width = ARROW_WIDTH;
+showArrow('right',
-		debugProps(pos);
+new Rectangle(r.x + r.width - ARROW_WIDTH, r.y, ARROW_WIDTH, r.height),
-		moveElement(arrow, pos);
+canMove(1, 0)
-		showElement(arrow, true);
+);
-		// right
+	}
-		arrow = getElement("right");
-		pos = r.copy();
-		pos.x = pos.x + pos.width - ARROW_WIDTH;
-		pos.width = ARROW_WIDTH;
-		debugProps(pos);
-		moveElement(arrow, pos);
-		showElement(arrow, true);
-		}