Mercurial > hg > digilib-old
annotate client/digitallibrary/greyskin/diginew.jsp @ 450:4255c09a8147
experimental intermediary release
- more object-orientation in javascript
- more changes afoot
- reloading works properly
- setting a mark reloads quickly
| author | robcast |
|---|---|
| date | Mon, 23 Jan 2006 18:29:52 +0100 |
| parents | 6154dfc67615 |
| children | a6c83fa262b2 |
| rev | line source |
|---|---|
| 400 | 1 <%@ page language="java" %><%! |
| 2 // -- JSP init ------------- | |
| 3 | |
| 4 // create DocumentBean instance for all JSP requests | |
| 5 digilib.servlet.DocumentBean docBean = new digilib.servlet.DocumentBean(); | |
| 6 | |
| 7 // initialize DocumentBean instance in JSP init | |
| 8 public void jspInit() { | |
| 9 try { | |
| 450 | 10 // set servlet init-parameter |
| 11 docBean.setConfig(getServletConfig()); | |
| 400 | 12 } catch (javax.servlet.ServletException e) { |
| 450 | 13 System.out.println(e); |
| 400 | 14 } |
| 15 } | |
| 16 // -- end of JSP init ------------- | |
| 450 | 17 %><% |
| 400 | 18 // -- JSP request ------------- |
| 19 | |
| 20 // parsing the query | |
| 21 // ----------------- | |
| 22 digilib.servlet.DigilibRequest dlRequest = new digilib.servlet.DigilibRequest(request); | |
| 23 docBean.setRequest(dlRequest); | |
| 24 // check if authentication is needed and redirect if necessary | |
| 25 docBean.doAuthentication(response); | |
| 26 // add number of pages | |
| 27 dlRequest.setValue("pt", docBean.getNumPages()); | |
| 28 // store objects for jsp:include | |
| 29 pageContext.setAttribute("docBean", docBean, pageContext.REQUEST_SCOPE); | |
| 30 | |
| 450 | 31 %><html> |
| 400 | 32 <head> |
| 33 <title>Digital Document Library NG</title> | |
| 34 | |
|
410
395db075906d
removed mark divs and images, they are added programmatically now;
hertzhaft
parents:
401
diff
changeset
|
35 <link rel="stylesheet" type="text/css" href="diginew.css" /> |
|
395db075906d
removed mark divs and images, they are added programmatically now;
hertzhaft
parents:
401
diff
changeset
|
36 |
|
395db075906d
removed mark divs and images, they are added programmatically now;
hertzhaft
parents:
401
diff
changeset
|
37 <script type="text/javascript" src="debug.js"></script> |
| 400 | 38 |
| 39 <script type="text/javascript" src="baselib.js"></script> | |
| 40 | |
| 41 <script type="text/javascript" src="dllib.js"></script> | |
| 42 | |
| 43 <script language="JavaScript"> | |
|
410
395db075906d
removed mark divs and images, they are added programmatically now;
hertzhaft
parents:
401
diff
changeset
|
44 |
| 450 | 45 var jspVersion = "diginew.jsp 1.020"; |
| 434 | 46 var cookie = new Cookie(); |
| 47 // alert(strObject(cookie)); | |
| 48 | |
| 49 var isOptionDivVisible = cookie.getbool("isOptionDivVisible"); | |
| 50 var isBirdDivVisible = cookie.getbool("isBirdDivVisible"); | |
|
410
395db075906d
removed mark divs and images, they are added programmatically now;
hertzhaft
parents:
401
diff
changeset
|
51 var isAboutDivVisible = false; |
| 443 | 52 var isSizeMenuVisible = false; |
| 53 var isOriginalSize = false; | |
| 54 var isPixelByPixel = false; | |
|
410
395db075906d
removed mark divs and images, they are added programmatically now;
hertzhaft
parents:
401
diff
changeset
|
55 var dlTarget = window.name; |
|
395db075906d
removed mark divs and images, they are added programmatically now;
hertzhaft
parents:
401
diff
changeset
|
56 var baseUrl = '<%= dlRequest.getAsString("base.url") %>'; |
|
395db075906d
removed mark divs and images, they are added programmatically now;
hertzhaft
parents:
401
diff
changeset
|
57 var toolbarEnabledURL = window.location.href; |
| 445 | 58 var waited = 0; |
| 400 | 59 |
|
410
395db075906d
removed mark divs and images, they are added programmatically now;
hertzhaft
parents:
401
diff
changeset
|
60 function toggleOptionDiv() { |
|
395db075906d
removed mark divs and images, they are added programmatically now;
hertzhaft
parents:
401
diff
changeset
|
61 isOptionDivVisible = !isOptionDivVisible; |
| 434 | 62 cookie.addbool("isOptionDivVisible", isOptionDivVisible); |
|
410
395db075906d
removed mark divs and images, they are added programmatically now;
hertzhaft
parents:
401
diff
changeset
|
63 showOptions(isOptionDivVisible); |
|
395db075906d
removed mark divs and images, they are added programmatically now;
hertzhaft
parents:
401
diff
changeset
|
64 } |
| 400 | 65 |
| 434 | 66 function toggleBirdDiv() { |
| 67 isBirdDivVisible = !isBirdDivVisible; | |
| 68 cookie.addbool("isBirdDivVisible", isBirdDivVisible); | |
| 69 showBirdDiv(isBirdDivVisible); | |
| 70 } | |
| 71 | |
|
410
395db075906d
removed mark divs and images, they are added programmatically now;
hertzhaft
parents:
401
diff
changeset
|
72 function toggleAboutDiv() { |
|
395db075906d
removed mark divs and images, they are added programmatically now;
hertzhaft
parents:
401
diff
changeset
|
73 isAboutDivVisible = !isAboutDivVisible; |
|
395db075906d
removed mark divs and images, they are added programmatically now;
hertzhaft
parents:
401
diff
changeset
|
74 showAboutDiv(isAboutDivVisible); |
| 400 | 75 } |
| 76 | |
| 443 | 77 function toggleSizeMenu() { |
| 78 isSizeMenuVisible = !isSizeMenuVisible; | |
| 79 showSizeMenu(isSizeMenuVisible); | |
| 80 } | |
| 81 | |
| 82 function toggleOriginalSize(on) { | |
| 83 isOriginalSize = (arguments.length == 1) | |
| 84 ? on | |
| 85 : !isOriginalSize; | |
| 86 togglePixelByPixel(false); | |
| 87 originalSize(isOriginalSize); | |
| 88 } | |
| 89 | |
| 90 function togglePixelByPixel(on) { | |
| 91 isPixelByPixel = (arguments.length == 1) | |
| 92 ? on | |
| 93 : !isPixelByPixel; | |
| 94 toggleOriginalSize(false); | |
| 95 pixelByPixel(isPixelByPixel); | |
| 96 } | |
| 97 | |
| 98 function setOnImage(id, src, value) { | |
| 415 | 99 // replace img src and display "on" status |
| 100 var elem = getElement(id); | |
| 101 elem.src = src; | |
| 443 | 102 if (value) |
| 103 elem.title += ": " + value; | |
| 104 else | |
| 105 elem.title += ": on"; | |
| 415 | 106 } |
| 107 | |
| 108 // change icons if image functions are on | |
| 109 function reflectImageStatus() { | |
| 110 if (hasFlag("hmir")) setOnImage("hmir", "mirror-horizontal-on.png"); | |
| 111 if (hasFlag("vmir")) setOnImage("vmir", "mirror-vertical-on.png"); | |
| 450 | 112 if (dlParams.isSet("brgt")) |
| 113 setOnImage("brgt", "brightness-on.png", dlParams.get("brgt")); | |
| 114 if (dlParams.isSet("cont")) | |
| 115 setOnImage("cont", "contrast-on.png", dlParams.get("cont")); | |
| 116 if (dlParams.isSet("rot")) | |
| 117 setOnImage("rot", "rotate-on.png", dlParams.get("rot")); | |
| 118 if (dlParams.isSet("rgb")) | |
| 119 setOnImage("rgb", "rgb-on.png", dlParams.get("rgb")); | |
| 415 | 120 } |
| 450 | 121 |
| 445 | 122 function onImgLoad() { |
| 123 // make sure the image is loaded so we know its size | |
| 450 | 124 if (defined(scalerImg.complete) && !scalerImg.complete && !browserType.isN4 ) { |
| 445 | 125 setTimeout("onImgLoad()", 100); |
| 126 waited += 100; | |
| 127 return; | |
| 450 | 128 } |
| 129 dlTrafo = parseTrafo(scalerImg); | |
| 130 // display marks | |
| 131 renderMarks(); | |
| 445 | 132 reflectImageStatus(); // adjust icons |
| 133 showOptions(isOptionDivVisible); | |
| 134 showBirdDiv(isBirdDivVisible); | |
| 135 showArrows(); // show arrow overlays for zoom navigation | |
| 136 moveCenter(true); // click to move point to center | |
| 137 // new Slider("sizes", 1, 5, 2); | |
| 450 | 138 focus(); |
| 445 | 139 } |
| 140 | |
| 141 // initialize digilib; called by body.onload | |
| 434 | 142 function onBodyLoad() { |
|
410
395db075906d
removed mark divs and images, they are added programmatically now;
hertzhaft
parents:
401
diff
changeset
|
143 document.id = 'digilib'; |
| 450 | 144 scalerDiv = getElement("scaler", true); |
| 145 scalerImg = getElement("pic", true); | |
| 146 if (scalerImg == null && scalerDiv) { | |
| 147 // in N4 pic is in the scaler layer | |
| 148 scalerImg = scalerDiv.document.images[0]; | |
| 149 } | |
| 150 if ((!scalerImg)||(!scalerDiv)) { | |
| 151 alert("Sorry, digilib doesn't work here!"); | |
| 152 return false; | |
| 153 } | |
| 154 setScalerImage(); // ruft auch dl_init() / initScaler auf | |
| 415 | 155 loadBirdImage(); // lädt das Bird's Eye Bild |
| 450 | 156 //onImgLoad(); |
|
410
395db075906d
removed mark divs and images, they are added programmatically now;
hertzhaft
parents:
401
diff
changeset
|
157 } |
|
395db075906d
removed mark divs and images, they are added programmatically now;
hertzhaft
parents:
401
diff
changeset
|
158 |
| 434 | 159 function onBodyUnload() { |
| 160 // alert(strObject(cookie)); | |
| 161 cookie.store(); | |
| 162 } | |
|
410
395db075906d
removed mark divs and images, they are added programmatically now;
hertzhaft
parents:
401
diff
changeset
|
163 // base_init(); // now done on loading baselib.js |
|
395db075906d
removed mark divs and images, they are added programmatically now;
hertzhaft
parents:
401
diff
changeset
|
164 |
| 450 | 165 initParameters(); // load default values and detail |
| 400 | 166 </script> |
| 167 </head> | |
| 168 | |
| 434 | 169 <body onload="onBodyLoad();" onunload="onBodyUnload();"> |
| 400 | 170 |
| 171 <!-- slot for the scaled image --> | |
| 434 | 172 <div id="scaler"> |
| 173 <img id="pic"></img> | |
| 400 | 174 </div> |
| 175 | |
|
410
395db075906d
removed mark divs and images, they are added programmatically now;
hertzhaft
parents:
401
diff
changeset
|
176 <!-- sensitive overlay for zoom area etc --> |
|
395db075906d
removed mark divs and images, they are added programmatically now;
hertzhaft
parents:
401
diff
changeset
|
177 <div id="overlay"> |
|
395db075906d
removed mark divs and images, they are added programmatically now;
hertzhaft
parents:
401
diff
changeset
|
178 </div> |
|
395db075906d
removed mark divs and images, they are added programmatically now;
hertzhaft
parents:
401
diff
changeset
|
179 |
|
395db075906d
removed mark divs and images, they are added programmatically now;
hertzhaft
parents:
401
diff
changeset
|
180 <!-- the zoom area selection rectangle --> |
| 400 | 181 <div id="zoom"> |
| 182 </div> | |
|
410
395db075906d
removed mark divs and images, they are added programmatically now;
hertzhaft
parents:
401
diff
changeset
|
183 |
| 415 | 184 <!-- the bird's eye overview image --> |
| 185 <img id="bird-image"></img> | |
| 186 | |
| 187 <!-- the bird's eye select area --> | |
| 188 <div id="bird-area"> | |
| 189 </div> | |
| 434 | 190 |
| 415 | 191 <!-- the arrows --> |
| 192 <a class="arrow" id="up" href="javascript:moveBy(0, -0.5)"></a> | |
| 193 <a class="arrow" id="down" href="javascript:moveBy(0, 0.5)"></a> | |
| 194 <a class="arrow" id="left" href="javascript:moveBy(-0.5, 0)"></a> | |
| 195 <a class="arrow" id="right" href="javascript:moveBy(0.5, 0)"></a> | |
| 196 | |
| 197 <!-- the about window --> | |
|
410
395db075906d
removed mark divs and images, they are added programmatically now;
hertzhaft
parents:
401
diff
changeset
|
198 <div id="about" class="about" onclick="toggleAboutDiv()"> |
|
395db075906d
removed mark divs and images, they are added programmatically now;
hertzhaft
parents:
401
diff
changeset
|
199 <p>Digilib Graphic Viewer</p> |
|
395db075906d
removed mark divs and images, they are added programmatically now;
hertzhaft
parents:
401
diff
changeset
|
200 <a href="http://digilib.berlios.de" target="_blank" > |
|
395db075906d
removed mark divs and images, they are added programmatically now;
hertzhaft
parents:
401
diff
changeset
|
201 <img class="logo" src="../img/digilib-logo-text1.png" title="digilib"></img> |
|
395db075906d
removed mark divs and images, they are added programmatically now;
hertzhaft
parents:
401
diff
changeset
|
202 </a> |
|
395db075906d
removed mark divs and images, they are added programmatically now;
hertzhaft
parents:
401
diff
changeset
|
203 <p id="digilib-version"></p> |
| 434 | 204 <p id="jsp-version"></p> |
|
410
395db075906d
removed mark divs and images, they are added programmatically now;
hertzhaft
parents:
401
diff
changeset
|
205 <p id="baselib-version"></p> |
|
395db075906d
removed mark divs and images, they are added programmatically now;
hertzhaft
parents:
401
diff
changeset
|
206 <p id="dllib-version"></p> |
|
395db075906d
removed mark divs and images, they are added programmatically now;
hertzhaft
parents:
401
diff
changeset
|
207 </div> |
| 400 | 208 |
| 434 | 209 <!-- the calibration div --> |
| 439 | 210 <div id="calibration"> |
| 211 <div> | |
| 212 <p>0 px</p> | |
| 213 <p class="cm">10 cm</p> | |
| 214 </div> | |
| 215 </div> | |
| 400 | 216 |
| 440 | 217 <!-- the size menu --> |
| 218 <div id="sizes"> | |
| 443 | 219 <p><a href="javascript:resize(1)">1 x</a></p> |
| 220 <p><a href="javascript:resize(1.41)">1.41 x</a></p> | |
| 221 <p><a href="javascript:resize(2)">2 x</a></p> | |
| 222 <p><a href="javascript:resize(3)">3 x</a></p> | |
| 445 | 223 <div id="sizes-bar"> |
| 224 <div id="sizes-slider"></div> | |
| 225 </div> | |
| 226 <p id="sizes-value"></p> | |
| 440 | 227 </div> |
| 228 | |
| 439 | 229 <!-- the buttons --> |
| 400 | 230 <div id="buttons"> |
| 440 | 231 <div class="separator"> |
| 232 </div> | |
| 233 | |
| 400 | 234 <div class="button"> |
| 235 <a | |
| 236 class="icon" | |
| 440 | 237 href="javascript:getRefWin()" |
| 400 | 238 > |
| 239 | |
| 240 <img | |
| 241 class="png" | |
| 440 | 242 id="reference" |
| 243 title="get a reference URL" | |
| 244 src="reference.png" | |
| 400 | 245 > |
| 440 | 246 </a> |
| 400 | 247 </div> |
| 440 | 248 |
| 400 | 249 <div class="button"> |
| 250 <a | |
| 251 class="icon" | |
| 252 href="javascript:zoomBy(1.4)" | |
| 253 > | |
| 254 | |
| 255 <img | |
| 256 class="png" | |
| 257 id="zoom-in" | |
| 258 title="zoom in" | |
| 259 src="zoom-in.png" | |
| 260 > | |
| 261 </a> | |
| 262 </div> | |
| 263 | |
| 264 <div class="button"> | |
| 265 <a | |
| 266 class="icon" | |
| 267 href="javascript:zoomBy(0.7)" | |
| 268 > | |
| 269 | |
| 270 <img | |
| 271 class="png" | |
| 272 id="zoom-out" | |
| 273 title="zoom out" | |
| 274 src="zoom-out.png" | |
| 275 > | |
| 276 </a> | |
| 277 </div> | |
| 278 | |
| 279 <div class="button"> | |
| 280 <a | |
| 281 class="icon" | |
| 401 | 282 href="javascript:zoomArea()" |
| 400 | 283 > |
| 284 | |
| 285 <img | |
| 286 class="png" | |
| 287 id="zoom-area" | |
| 288 title="zoom area" | |
| 289 src="zoom-area.png" | |
| 290 > | |
| 291 </a> | |
| 292 </div> | |
| 293 | |
| 294 <div class="button"> | |
| 295 <a | |
| 296 class="icon" | |
| 297 href="javascript:zoomFullpage()" | |
| 298 > | |
| 299 | |
| 300 <img | |
| 301 class="png" | |
| 302 id="zoom-full" | |
| 303 title="view the whole image" | |
| 304 src="zoom-full.png" | |
| 305 > | |
| 306 </a> | |
| 307 </div> | |
| 308 | |
| 309 <div class="button"> | |
| 310 <a | |
| 311 class="icon" | |
| 439 | 312 href="javascript:pageWidth()" |
| 313 > | |
| 314 | |
| 315 <img | |
| 316 class="png" | |
| 317 id="page-width" | |
| 318 title="page width" | |
| 319 src="pagewidth.png" | |
| 320 > | |
| 321 </a> | |
| 322 </div> | |
| 323 | |
| 324 <div class="button"> | |
| 325 <a | |
| 326 class="icon" | |
| 443 | 327 href="javascript:toggleSizeMenu()" |
| 440 | 328 > |
| 329 | |
| 330 <img | |
| 331 class="png" | |
| 332 id="size" | |
| 333 title="resize page" | |
| 334 src="size.png" | |
| 335 > | |
| 336 </a> | |
| 337 </div> | |
| 338 | |
| 339 <div class="button"> | |
| 340 <a | |
| 341 class="icon" | |
| 400 | 342 href="javascript:gotoPage('-1')" |
| 343 > | |
| 344 | |
| 345 <img | |
| 346 class="png" | |
| 347 id="back" | |
| 348 title="goto previous image" | |
| 349 src="back.png" | |
| 350 > | |
| 351 </a> | |
| 352 </div> | |
| 353 | |
| 354 <div class="button"> | |
| 355 <a | |
| 356 class="icon" | |
| 357 href="javascript:gotoPage('+1')" | |
| 358 > | |
| 359 | |
| 360 <img | |
| 361 class="png" | |
| 362 id="fwd" | |
| 363 title="goto next image" | |
| 364 src="fwd.png" | |
| 365 > | |
| 366 </a> | |
| 367 </div> | |
| 368 | |
| 369 <div class="button"> | |
| 370 <a | |
| 371 class="icon" | |
| 434 | 372 href="javascript:gotoPageWin()" |
| 373 > | |
| 374 | |
| 375 <img | |
| 376 class="png" | |
| 377 id="page" | |
| 378 title="specify image" | |
| 379 src="page.png" | |
| 380 > | |
| 381 </a> | |
| 382 </div> | |
| 383 | |
| 384 <div class="button"> | |
| 385 <a | |
| 386 class="icon" | |
| 440 | 387 href="javascript:toggleBirdDiv()" |
| 415 | 388 > |
| 389 | |
| 390 <img | |
| 391 class="png" | |
| 440 | 392 id="bird" |
| 393 title="show bird's eye view" | |
| 394 src="birds-eye.png" | |
| 415 | 395 > |
| 440 | 396 </a> |
| 415 | 397 </div> |
| 439 | 398 |
| 440 | 399 <div class="separator"> |
| 400 </div> | |
| 401 | |
| 415 | 402 <div class="button"> |
| 403 <a | |
| 404 class="icon" | |
|
410
395db075906d
removed mark divs and images, they are added programmatically now;
hertzhaft
parents:
401
diff
changeset
|
405 href="javascript:toggleAboutDiv()" |
| 400 | 406 > |
| 407 | |
| 408 <img | |
| 409 class="png" | |
| 410 id="help" | |
|
410
395db075906d
removed mark divs and images, they are added programmatically now;
hertzhaft
parents:
401
diff
changeset
|
411 title="about Digilib" |
| 400 | 412 src="help.png" |
| 413 > | |
| 414 </a> | |
| 415 </div> | |
| 416 | |
| 417 <div class="button"> | |
| 418 <a | |
| 419 class="icon" | |
| 420 href="javascript:toggleOptionDiv()" | |
| 421 > | |
| 422 | |
| 423 <img | |
| 424 class="png" | |
| 425 id="options" | |
| 426 title="more options" | |
| 427 src="options.png" | |
| 428 > | |
| 429 </a> | |
| 430 </div> | |
| 431 | |
| 440 | 432 <div class="separator"> |
| 433 </div> | |
| 400 | 434 </div> |
| 435 | |
| 436 <!-- options div --> | |
| 437 | |
| 438 <div id="dloptions"> | |
| 440 | 439 <div class="separator"> |
| 440 </div> | |
| 441 | |
| 400 | 442 <div class="button"> |
| 443 <a | |
| 444 class="icon" | |
|
410
395db075906d
removed mark divs and images, they are added programmatically now;
hertzhaft
parents:
401
diff
changeset
|
445 href="javascript:setMark();" |
| 400 | 446 > |
| 447 | |
| 448 <img | |
| 449 class="png" | |
| 450 id="mark" | |
| 451 title="set a mark" | |
| 452 src="mark.png" | |
| 453 > | |
| 454 </a> | |
| 455 </div> | |
| 456 | |
| 457 <div class="button"> | |
| 458 <a | |
| 459 class="icon" | |
| 460 href="javascript:removeMark()" | |
| 461 > | |
| 462 | |
| 463 <img | |
| 464 class="png" | |
| 465 id="delmark" | |
| 466 title="delete the last mark" | |
| 467 src="delmark.png" | |
| 468 > | |
| 469 </a> | |
| 470 </div> | |
| 471 | |
| 472 <div class="button"> | |
| 473 <a | |
| 474 class="icon" | |
| 475 href="javascript:mirror('h')" | |
| 476 > | |
| 477 | |
| 478 <img | |
| 479 class="png" | |
| 415 | 480 id="hmir" |
| 400 | 481 title="mirror horizontally" |
| 482 src="mirror-horizontal.png" | |
| 483 > | |
| 484 </a> | |
| 485 </div> | |
| 486 | |
| 487 <div class="button"> | |
| 488 <a | |
| 489 class="icon" | |
| 490 href="javascript:mirror('v')" | |
| 491 > | |
| 492 | |
| 493 <img | |
| 494 class="png" | |
| 415 | 495 id="vmir" |
| 400 | 496 title="mirror vertically" |
| 497 src="mirror-vertical.png" | |
| 498 > | |
| 499 </a> | |
| 500 </div> | |
| 501 | |
| 502 <div class="button"> | |
| 503 <a | |
| 504 class="icon" | |
| 505 href="javascript:setParamWin('rot', 'Rotate (0..360) clockwise')" | |
| 506 > | |
| 507 | |
| 508 <img | |
| 509 class="png" | |
| 415 | 510 id="rot" |
| 400 | 511 title="rotate image" |
| 512 src="rotate.png" | |
| 513 > | |
| 514 </a> | |
| 515 </div> | |
| 516 | |
| 517 <div class="button"> | |
| 518 <a | |
| 519 class="icon" | |
| 520 href="javascript:setParamWin('brgt', 'Brightness (-255..255)')" | |
| 521 > | |
| 522 | |
| 523 <img | |
| 524 class="png" | |
| 415 | 525 id="brgt" |
| 400 | 526 title="set brightness" |
| 527 src="brightness.png" | |
| 528 > | |
| 529 </a> | |
| 530 </div> | |
| 531 | |
| 532 <div class="button"> | |
| 533 <a | |
| 534 class="icon" | |
| 535 href="javascript:setParamWin('cont', 'Contrast (0..8)')" | |
| 536 > | |
| 537 | |
| 538 <img | |
| 539 class="png" | |
| 415 | 540 id="cont" |
| 400 | 541 title="set contrast" |
| 542 src="contrast.png" | |
| 543 > | |
| 544 </a> | |
| 545 </div> | |
| 546 | |
| 547 <div class="button"> | |
| 548 <a | |
| 549 class="icon" | |
| 550 href="javascript:setParamWin('rgb', '...')" | |
| 551 > | |
| 552 | |
| 553 <img | |
| 554 class="png" | |
| 555 id="rgb" | |
| 556 title="set rgb values" | |
| 557 src="rgb.png" | |
| 558 > | |
| 559 </a> | |
| 560 </div> | |
| 561 | |
| 562 <div class="button"> | |
| 563 <a | |
| 564 class="icon" | |
| 565 href="javascript:setQualityWin('Quality (0..2)')" | |
| 566 > | |
| 567 | |
| 568 <img | |
| 569 class="png" | |
| 570 id="quality" | |
| 571 title="set image quality" | |
| 572 src="quality.png" | |
| 573 > | |
| 574 </a> | |
| 575 </div> | |
| 576 | |
| 577 <div class="button"> | |
| 578 <a | |
| 579 class="icon" | |
| 434 | 580 href="javascript:calibrate('x')" |
| 400 | 581 > |
| 582 | |
| 583 <img | |
| 584 class="png" | |
| 434 | 585 id="calibration-x" |
| 586 title="calibrate screen x-ratio" | |
| 587 src="calibration-x.png" | |
| 400 | 588 > |
| 434 | 589 </a> |
| 400 | 590 </div> |
| 434 | 591 |
| 592 <div class="button"> | |
| 593 <a | |
| 594 class="icon" | |
| 595 href="javascript:calibrate('y')" | |
| 596 > | |
| 597 | |
| 598 <img | |
| 599 class="png" | |
| 600 id="calibration-y" | |
| 601 title="calibrate screen y-ratio" | |
| 602 src="calibration-y.png" | |
| 603 > | |
| 604 </a> | |
| 605 </div> | |
| 606 | |
| 400 | 607 <div class="button"> |
| 608 <a | |
| 609 class="icon" | |
| 610 href="javascript:pixelByPixel()" | |
| 611 > | |
| 612 | |
| 613 <img | |
| 614 class="png" | |
| 615 id="pixel-by-pixel" | |
| 616 title="view image pixel by pixel" | |
| 617 src="pixel-by-pixel.png" | |
| 618 > | |
| 619 </a> | |
| 620 </div> | |
| 621 | |
| 622 <div class="button"> | |
| 623 <a | |
| 624 class="icon" | |
| 625 href="javascript:originalSize()" | |
| 626 > | |
| 627 | |
| 628 <img | |
| 629 class="png" | |
| 630 id="original-size" | |
| 631 title="view image in original size" | |
| 632 src="original-size.png" | |
| 633 > | |
| 634 </a> | |
| 635 </div> | |
| 636 | |
| 440 | 637 <div class="separator"> |
| 638 </div> | |
| 639 | |
| 400 | 640 <div class="button"> |
| 641 <a | |
| 642 class="icon" | |
| 643 href="javascript:toggleOptionDiv()" | |
| 644 > | |
| 645 | |
| 646 <img | |
| 647 class="png" | |
| 648 id="options-1" | |
| 649 title="hide options" | |
| 650 src="options.png" | |
| 651 > | |
| 652 </a> | |
| 653 </div> | |
| 440 | 654 |
| 655 <div class="separator"> | |
| 656 </div> | |
| 657 | |
| 400 | 658 </div> |
| 659 | |
|
410
395db075906d
removed mark divs and images, they are added programmatically now;
hertzhaft
parents:
401
diff
changeset
|
660 <div class="debug" id="debug"><p class="debug">Debug</p></div> |
|
395db075906d
removed mark divs and images, they are added programmatically now;
hertzhaft
parents:
401
diff
changeset
|
661 |
| 400 | 662 </body> |
| 663 | |
| 664 </html> |