Mercurial > hg > digilib

comparison client/digitallibrary/greyskin/diginew.jsp @ 436:95f910ecdca5

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
sizes menu; button separators; switched off debug window
author hertzhaft
date Tue, 10 Jan 2006 16:48:28 +0100
parents a6af40003a38
children da024b494561
comparison
equal deleted inserted replaced
435:a6af40003a38 436:95f910ecdca5
44 44
45 <script type="text/javascript" src="dllib.js"></script> 45 <script type="text/javascript" src="dllib.js"></script>
46 46
47 <script language="JavaScript"> 47 <script language="JavaScript">
48 48
49 var jspVersion = "diginew.jsp 1.009"; 49 var jspVersion = "diginew.jsp 1.011";
50 var cookie = new Cookie(); 50 var cookie = new Cookie();
51 // alert(strObject(cookie)); 51 // alert(strObject(cookie));
52 52
53 var isOptionDivVisible = cookie.getbool("isOptionDivVisible"); 53 var isOptionDivVisible = cookie.getbool("isOptionDivVisible");
54 var isBirdDivVisible = cookie.getbool("isBirdDivVisible"); 54 var isBirdDivVisible = cookie.getbool("isBirdDivVisible");
161 <p>0 px</p> 161 <p>0 px</p>
162 <p class="cm">10 cm</p> 162 <p class="cm">10 cm</p>
163 </div> 163 </div>
164 </div> 164 </div>
165 165
166 <!-- the size menu -->
167 <div id="sizes">
168 <p><a href="javascript:resize(1)">1</a></p>
169 <p><a href="javascript:resize(1.41)">1.41</a></p>
170 <p><a href="javascript:resize(2)">2</a></p>
171 <p><a href="javascript:resize(3)">3</a></p>
172 </div>
173
166 <!-- the buttons --> 174 <!-- the buttons -->
167 <div id="buttons"> 175 <div id="buttons">
176 <div class="separator">
177 </div>
178
179 <div class="button">
180 <a
181 class="icon"
182 href="javascript:getRefWin()"
183 >
184
185 <img
186 class="png"
187 id="reference"
188 title="get a reference URL"
189 src="reference.png"
190 >
191 </a>
192 </div>
193
194 <div class="button">
195 <a
196 class="icon"
197 href="javascript:zoomBy(1.4)"
198 >
199
200 <img
201 class="png"
202 id="zoom-in"
203 title="zoom in"
204 src="zoom-in.png"
205 >
206 </a>
207 </div>
208
209 <div class="button">
210 <a
211 class="icon"
212 href="javascript:zoomBy(0.7)"
213 >
214
215 <img
216 class="png"
217 id="zoom-out"
218 title="zoom out"
219 src="zoom-out.png"
220 >
221 </a>
222 </div>
223
224 <div class="button">
225 <a
226 class="icon"
227 href="javascript:zoomArea()"
228 >
229
230 <img
231 class="png"
232 id="zoom-area"
233 title="zoom area"
234 src="zoom-area.png"
235 >
236 </a>
237 </div>
238
239 <div class="button">
240 <a
241 class="icon"
242 href="javascript:zoomFullpage()"
243 >
244
245 <img
246 class="png"
247 id="zoom-full"
248 title="view the whole image"
249 src="zoom-full.png"
250 >
251 </a>
252 </div>
253
254 <div class="button">
255 <a
256 class="icon"
257 href="javascript:pageWidth()"
258 >
259
260 <img
261 class="png"
262 id="page-width"
263 title="page width"
264 src="pagewidth.png"
265 >
266 </a>
267 </div>
268
269 <div class="button">
270 <a
271 class="icon"
272 href="javascript:sizeMenu()"
273 >
274
275 <img
276 class="png"
277 id="size"
278 title="resize page"
279 src="size.png"
280 >
281 </a>
282 </div>
283
284 <div class="button">
285 <a
286 class="icon"
287 href="javascript:gotoPage('-1')"
288 >
289
290 <img
291 class="png"
292 id="back"
293 title="goto previous image"
294 src="back.png"
295 >
296 </a>
297 </div>
298
299 <div class="button">
300 <a
301 class="icon"
302 href="javascript:gotoPage('+1')"
303 >
304
305 <img
306 class="png"
307 id="fwd"
308 title="goto next image"
309 src="fwd.png"
310 >
311 </a>
312 </div>
313
314 <div class="button">
315 <a
316 class="icon"
317 href="javascript:gotoPageWin()"
318 >
319
320 <img
321 class="png"
322 id="page"
323 title="specify image"
324 src="page.png"
325 >
326 </a>
327 </div>
328
168 <div class="button"> 329 <div class="button">
169 <a 330 <a
170 class="icon" 331 class="icon"
171 href="javascript:toggleBirdDiv()" 332 href="javascript:toggleBirdDiv()"
172 > 333 >
177 title="show bird's eye view" 338 title="show bird's eye view"
178 src="birds-eye.png" 339 src="birds-eye.png"
179 > 340 >
180 </a> 341 </a>
181 </div> 342 </div>
182 343
183 <div class="button"> 344 <div class="separator">
184 <a 345 </div>
185 class="icon" 346
186 href="javascript:zoomBy(1.4)"
187 >
188
189 <img
190 class="png"
191 id="zoom-in"
192 title="zoom in"
193 src="zoom-in.png"
194 >
195 </a>
196 </div>
197
198 <div class="button">
199 <a
200 class="icon"
201 href="javascript:zoomBy(0.7)"
202 >
203
204 <img
205 class="png"
206 id="zoom-out"
207 title="zoom out"
208 src="zoom-out.png"
209 >
210 </a>
211 </div>
212
213 <div class="button">
214 <a
215 class="icon"
216 href="javascript:zoomArea()"
217 >
218
219 <img
220 class="png"
221 id="zoom-area"
222 title="zoom area"
223 src="zoom-area.png"
224 >
225 </a>
226 </div>
227
228 <div class="button">
229 <a
230 class="icon"
231 href="javascript:zoomFullpage()"
232 >
233
234 <img
235 class="png"
236 id="zoom-full"
237 title="view the whole image"
238 src="zoom-full.png"
239 >
240 </a>
241 </div>
242
243 <div class="button">
244 <a
245 class="icon"
246 href="javascript:pageWidth()"
247 >
248
249 <img
250 class="png"
251 id="page-width"
252 title="page width"
253 src="pagewidth.png"
254 >
255 </a>
256 </div>
257
258 <div class="button">
259 <a
260 class="icon"
261 href="javascript:gotoPage('-1')"
262 >
263
264 <img
265 class="png"
266 id="back"
267 title="goto previous image"
268 src="back.png"
269 >
270 </a>
271 </div>
272
273 <div class="button">
274 <a
275 class="icon"
276 href="javascript:gotoPage('+1')"
277 >
278
279 <img
280 class="png"
281 id="fwd"
282 title="goto next image"
283 src="fwd.png"
284 >
285 </a>
286 </div>
287
288 <div class="button">
289 <a
290 class="icon"
291 href="javascript:gotoPageWin()"
292 >
293
294 <img
295 class="png"
296 id="page"
297 title="specify image"
298 src="page.png"
299 >
300 </a>
301 </div>
302
303 <div class="button">
304 <a
305 class="icon"
306 href="javascript:getRefWin()"
307 >
308
309 <img
310 class="png"
311 id="reference"
312 title="get a reference URL"
313 src="reference.png"
314 >
315 </a>
316 </div>
317
318 <div class="button"> 347 <div class="button">
319 <a 348 <a
320 class="icon" 349 class="icon"
321 href="javascript:toggleAboutDiv()" 350 href="javascript:toggleAboutDiv()"
322 > 351 >
343 src="options.png" 372 src="options.png"
344 > 373 >
345 </a> 374 </a>
346 </div> 375 </div>
347 376
377 <div class="separator">
378 </div>
348 </div> 379 </div>
349 380
350 <!-- options div --> 381 <!-- options div -->
351 382
352 <div id="dloptions"> 383 <div id="dloptions">
384 <div class="separator">
385 </div>
386
353 <div class="button"> 387 <div class="button">
354 <a 388 <a
355 class="icon" 389 class="icon"
356 href="javascript:setMark();" 390 href="javascript:setMark();"
357 > 391 >
471 </div> 505 </div>
472 506
473 <div class="button"> 507 <div class="button">
474 <a 508 <a
475 class="icon" 509 class="icon"
476 href="javascript:setParamWin('size', '...')"
477 >
478
479 <img
480 class="png"
481 id="size"
482 title="resize page"
483 src="size.png"
484 >
485 </a>
486 </div>
487
488 <div class="button">
489 <a
490 class="icon"
491 href="javascript:setQualityWin('Quality (0..2)')" 510 href="javascript:setQualityWin('Quality (0..2)')"
492 > 511 >
493 512
494 <img 513 <img
495 class="png" 514 class="png"
558 src="original-size.png" 577 src="original-size.png"
559 > 578 >
560 </a> 579 </a>
561 </div> 580 </div>
562 581
582 <div class="separator">
583 </div>
584
563 <div class="button"> 585 <div class="button">
564 <a 586 <a
565 class="icon" 587 class="icon"
566 href="javascript:toggleOptionDiv()" 588 href="javascript:toggleOptionDiv()"
567 > 589 >
572 title="hide options" 594 title="hide options"
573 src="options.png" 595 src="options.png"
574 > 596 >
575 </a> 597 </a>
576 </div> 598 </div>
599
600 <div class="separator">
601 </div>
602
577 </div> 603 </div>
578 604
579 <div class="debug" id="debug"><p class="debug">Debug</p></div> 605 <div class="debug" id="debug"><p class="debug">Debug</p></div>
580 606
581 </body> 607 </body>