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

comparison client/digitallibrary/greyskin/dllib.js @ 443:089adc9e2a5f

placement of size menu

author	hertzhaft
date	Fri, 13 Jan 2006 12:03:25 +0100
parents	85aef29cc1da
children	6154dfc67615

comparison

equal deleted inserted replaced

-:3d37d8eae372
+:089adc9e2a5f
 ! Requires baselib.js !
 */
 digilibVersion = "Digilib NG";
-dllibVersion = "2.029";
+dllibVersion = "2.031";
 isDigilibInitialized = false;    // gets set to true in dl_param_init
 reloadPage = true; // reload the page when parameters are changed, otherwise update only "src" attribute of scaler img
 // global variables
 dlTrafo = new Transform();
 function loadScalerImage(detail) {
 var pic = getElement('pic');
 var scaler = getElement('scaler');
 var zoomdiv = getElement("zoom");    // test for presence only
 var overlay = getElement("overlay");    // test for presence only
-var about = getElement("bird");        // test for presence only
+var about = getElement("about");        // test for presence only
 var bird = getElement("bird");        // test for presence only
 var picsize = bestPicSize(scaler, 50);
 var src = "../servlet/Scaler?"
 + getQueryString()
 + "&dw=" + picsize.width
 }
 // put the visible marks on the image
 dlTrafo = parseTrafo(scalerImg);
 // debugProps(dlArea, "dlArea");
 for (var i = 0; i < dlMarks.length; i++) {
-var div = document.getElementById("mark" + i) || createMarkDiv(i);
+var div = getElement("mark" + i) || createMarkDiv(i);
 var mark = dlMarks[i];
 // debugProps(mark, "mark");
 if (dlArea.containsPosition(mark)) {
 var mpos = dlTrafo.transform(mark); // FIX ME: transform does not change anything
 // debugProps(mark, "mpos");
 display();
 }
 function isFullArea(area) {
 if (!area) area = dlArea;
-return ((area.width == 1.0) && (area.height == 1.0));
+// pixel by pixel is not always full area
+return (area.width == 1.0) && (area.height == 1.0) && ! hasFlag("clip");
 }
 function canMove(movx, movy) {
 if (isFullArea()) return false;
 var x2 = dlArea.x + dlArea.width;
 function showAboutDiv(show) {
 // show or hide "about" div
 var elem = getElement("about");
 if (elem == null) {
-if (!show) return;
+if (show) alert("About Digilib - dialog missing in HTML code!"
-alert("About Digilib - dialog missing in HTML code!"
 + "\nDigilib Version: " + digilibVersion
 + "\JSP Version: " + jspVersion
 + "\ndlLib Version: " + dllibVersion
 + "\nbaseLib Version: " + baseLibVersion);
 return;
 }
-document.getElementById("digilib-version").innerHTML = "Digilib Version: " + digilibVersion;
+if (show) {
-document.getElementById("jsp-version").innerHTML = "JSP Version: " + jspVersion;
+getElement("digilib-version").innerHTML = "Digilib Version: " + digilibVersion;
-document.getElementById("baselib-version").innerHTML = "baseLib Version: " + baseLibVersion;
+getElement("jsp-version").innerHTML = "JSP Version: " + jspVersion;
-document.getElementById("dllib-version").innerHTML = "dlLib Version: " + dllibVersion;
+getElement("baselib-version").innerHTML = "baseLib Version: " + baseLibVersion;
+getElement("dllib-version").innerHTML = "dlLib Version: " + dllibVersion;
+var aboutRect = getElementRect(elem);
+aboutRect.setCenter(getWinRect().getCenter());
+moveElement(elem, aboutRect);
+}
 showElement(elem, show);
 }
 function loadBirdImage() {
 var img = getElement("bird-image");
 	moveElement(arrow, rect);
 	showElement(arrow, show);
 	}
 function showArrows() {
+// show the 4 arrow bars on top of scaler img according to current dlArea
 if (defined(scalerImg.complete) && !scalerImg.complete && !browserType.isN4 ) {
 setTimeout("showArrows()", 100);
 return;
 }
 	var r = getElementRect(scalerImg);
 // mousedown handler: start drag
 startPos = evtPosition(evt);
 unregisterEvent("mousedown", document, calibrationStartDrag);
 registerEvent("mousemove", document, calibrationMove);
 registerEvent("mouseup",   document, calibrationEndDrag);
-registerEvent("mousemove", calDiv, calibrationMove);
-registerEvent("mouseup",   calDiv, calibrationEndDrag);
 newRect = new Rectangle(
 startPos.x,
 startPos.y,
 xDir ? 1 : CALIBRATION_WIDTH,
 xDir ? CALIBRATION_WIDTH : 1
 function calibrationEndDrag(evt) {
 // mouseup handler: calibrate
 unregisterEvent("mousemove", document, calibrationMove);
 unregisterEvent("mouseup",   document, calibrationEndDrag);
-unregisterEvent("mousemove", calDiv, calibrationMove);
-unregisterEvent("mouseup",   calDiv, calibrationEndDrag);
 if (xDir) {
 var val = newRect.width * 0.254; // ratio dm/inch
 cookie.add("ddpi", val);
 cookie.add("ddpix", val);
 } else {
 moveCenter(true);
 return stopEvent(evt);
 }
 }
-function originalSize() {
+function originalSize(on) {
-var dpi = cookie.get("ddpi");
+// set osize flag, needs calibrated screen
-if (dpi == null) {
+if (on) {
-alert("Screen has not yet been calibrated - using default value of 72 dpi");
+var dpi = cookie.get("ddpi");
-dpi = 72;
+if (dpi == null) {
-}
+alert("Screen has not yet been calibrated - using default value of 72 dpi");
-setParameter("ddpi", dpi);
+dpi = 72;
-addFlag("osize");
+}
-display();
+setParameter("ddpi", dpi);
+addFlag("osize");
+display();
+}
+else removeFlag("osize");
 }
-function pixelByPixel() {
+function pixelByPixel(on) {
-addFlag("clip");
+// sets clip flag
-display();
+if (on) {
+addFlag("clip");
+display();
+}
+else removeFlag("clip");
 }
 function resize(factor) {
 setParameter("ws", factor);
+showSizeMenu(false);
 display();
+}
+function showSizeMenu(show) {
 var menu = getElement("sizes");
-showElement(menu, false);
+if (show) {
-}
+// align menu with button
+var buttonPos = getElementPosition(getElement("size"));
-function sizeMenu() {
+moveElement(menu, new Position(buttonPos.x - 50, buttonPos.y));
-var menu = getElement("sizes");
+}
-showElement(menu, true);
+showElement(menu, show);
 }
 // :tabSize=4:indentSize=4:noTabs=true: