Mercurial > hg > digilib-old

comparison client/digitallibrary/oldskin/dlMenu.html @ 314:074c3117f292

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
big autumn cleaning :-) - finally digilib.jsp uses the new javascript code - dito digicat.jsp - all files corresponding to the old frontend moved into /oldskin - all icons moved into /img
author robcast
date Thu, 28 Oct 2004 22:25:58 +0200
parents
children 6c6bfd03e454
comparison
equal deleted inserted replaced
313:24dbc008be14 314:074c3117f292
1 <html>
2 <head>
3 <style type="text/css">
4 .menu {position:absolute; visibility:hidden}
5
6 .item1 {position:absolute; left:33; width:50; height:14; clip:rect(0,50,14,0); visibility:hidden}
7 .item2 {position:absolute; left:43; width:40; height:14; clip:rect(0,40,14,0); visibility:hidden}
8 .item3 {position:absolute; left:3; width:80; height:14; clip:rect(0,80,14,0); visibility:hidden}
9
10 .text {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; text-decoration: none}
11 </style>
12 <script language="JavaScript" src="buttons/menu.js"></script>
13
14 <script language="JavaScript">
15 // because on a netscape 4.xx bug (messing up with layers on resize) we cache the window
16 // resize event and redisplay the navigation frame
17 if (document.layers && !document.getElementById) {
18 window.onresize = function() {parent.rightFrame.location.reload();}
19 }
20
21 /**
22 * overriding 'page' in navigation.js
23 */
24 function page(page, details) {
25
26 var pn = parseInt(parent.mainFrame.getParameter("pn"));
27 var pt = parseInt(parent.mainFrame.getParameter("pt"));
28
29 if ( details == null ) {
30 details = 1;
31 }
32
33 if ( page && page.indexOf('-') == 0 ) {
34 if ( pn > 1 ) {
35 page = Math.max(pn - parseInt(page.slice(1)), 1);
36 parent.mainFrame.setParameter("pn", page);
37 display(details);
38 } else {
39 alert("You are already on the first page!");
40 }
41
42 } else if ( page && page.indexOf('+') == 0 ) {
43 if ( pn < pt ) {
44 page = Math.min(pn + parseInt(page.slice(1)), pt);
45 parent.mainFrame.setParameter("pn", page);
46 display(details);
47 } else {
48 alert("You are already on the last page!");
49 }
50 } else if ( page && page == parseInt(page) ) {
51 if ( (page > 0) && (page <= pt) ) {
52 parent.mainFrame.setParameter("pn", page);
53 display(details);
54 } else {
55 alert ("Illegal page number (should be 1 - " + pt + ")!");
56 }
57 }
58 }
59
60 /*
61 * new display function to refresh the pagesTotal frame
62 */
63
64 function display(detail) {
65 parent.pageFrame.show();
66 parent.mainFrame.display(detail);
67 }
68
69
70 function askPage() {
71 do {
72 p = prompt("Goto Page:", 1);
73 } while ((p != null) && (p < 1));
74 page(p);
75 }
76
77 function showRef(select) {
78 var hyperlinkRef = parent.mainFrame.baseUrl + "/digilib.jsp?";
79 hyperlinkRef += parent.mainFrame.getAllParameters();
80 if ( select == 0 ) {
81 prompt("Link for LaTeX-documents", "\\href{" + hyperlinkRef + "}{TEXT}");
82 } else if ( select == 1 ) {
83 prompt("Link for HTML-documents", hyperlinkRef);
84 }
85 }
86
87 function setSize(size) {
88 parent.mainFrame.setParameter('ws', size);
89 display();
90 }
91
92 function digicat() {
93 var fn = parent.mainFrame.getParameter("fn");
94 var pn = parent.mainFrame.getParameter("pn");
95 var url = parent.mainFrame.baseUrl + "/digicat.jsp?fn=" + fn + "&pn=" + pn;
96 win = window.open(url, "digicat");
97 win.focus();
98 }
99
100 // boolean variable to either show or not show the additional help
101 // change in the menuitem its original mark
102 var showHelp = false;
103
104 // variable to tell if while changing to another page it should keep the area
105 // change in the menuitem its original mark (1 = false, 2 = true)
106 var keepArea = 2;
107
108
109 // variable that store the texts for contexthelp
110 var helpText = new Array();
111
112 helpText[0] = "'back'-button|Click on this button to load the previous image (usually the next page from a manuscript).";
113 helpText[1] = "'next'-button|Click on this button to load the next image (usually the next page from a manuscript).";
114 helpText[2] = "'page'-button|After clicking 'page' you will be prompted for a specific page you want to see.<br>Note that the page number refers to the same serie you are in now.";
115 helpText[3] = "'digicat'-button|Click here to open a new window containing thumbnails of the current series pages to navigate.";
116 helpText[4] = "'mark'-button|You can set marks into the picture. After hitting 'mark' you have to click on the desired picures location, a numbered mark appears.<br>Check out 'reference' to make these marks (up to 8) visible for others.";
117 helpText[5] = "'reference'-button|Choose LaTeX or HTML mode to get a link for the actual (zoomed) picture with all set marks.<br>This link can easily be included in a TeX- or HTML-formatted document/page.";
118 helpText[6] = "'zoom area'-button|With 'zoom area' you can zoom into any rectangular field for the current picture.<br>After clicking on the button click on the image to set any corner (ex. topleft), release the mousebutton and move the mouse until you have the desired size, then click again.";
119 helpText[7] = "'zoom in'-button|Clicking on 'zoom in' zooms in around the current center.";
120 helpText[8] = "'zoom out'-button|Clicking on 'zoom out' zooms out around the current center.";
121 helpText[9] = "'full page'-button|To gain the original unzoomed picture, click on 'full page'.<br>Note that any set marks are still saved at their positions.";
122 helpText[10] = "'size'-button|By clicking on one of the menu entries you can select the size of the currently displayed picture in relation to your browser window.<br>Note: a scale factor of '1.0' means that the picture fits right into the working area, while '2.0' means that it will be twice as high and wide.";
123 helpText[11] = "'?'-button|In its menu you are able change options like the visibility of this contextsensitive help, with 'Keep area' digilib keeps its current zoom area when changing to another page.";
124
125 </script>
126 </head>
127
128 <body bgcolor="#CCCCCC" leftmargin="8" marginwidth="8" topmargin="5" marginheight="5" onload="preloadImages()" onunload="closeContextHelp()">
129
130 <a href="javascript:page('-1', keepArea)" onmouseover="overButton(0)" onmouseout="awayButton(0)"><img src="buttons/back0.gif" width="73" height="30" border="0"></a><br>
131 <a href="javascript:page('+1', keepArea)" onmouseover="overButton(1)" onmouseout="awayButton(1)"><img src="buttons/next0.gif" width="73" height="30" border="0"></a><br>
132 <a href="javascript:askPage()" onmouseover="overButton(2)" onmouseout="awayButton(2)"><img src="buttons/page0.gif" width="73" height="30" border="0"></a><br>
133 <a href="javascript:digicat()" onmouseover="overButton(3)" onmouseout="awayButton(3)"><img src="buttons/digicat0.gif" width="73" height="30" border="0"></a><br><br>
134 <a href="javascript:parent.mainFrame.setMark(false);" onmouseover="overButton(4)" onmouseout="awayButton(4)"><img src="buttons/mark0.gif" width="73" height="30" border="0"></a><br>
135 <a href="javascript:hideMenu(); showMenu(1)" onmouseover="overButton(5)" onmouseout="awayButton(5)"><img src="buttons/reference0.gif" width="73" height="30" border="0"></a><br><br>
136 <a href="javascript:parent.mainFrame.zoomArea()" onmouseover="overButton(6)" onmouseout="awayButton(6)"><img src="buttons/zoomarea0.gif" width="73" height="30" border="0"></a><br>
137 <a href="javascript:parent.mainFrame.zoomBy(1.4142)" onmouseover="overButton(7)" onmouseout="awayButton(7)"><img src="buttons/zoomin0.gif" width="73" height="30" border="0"></a><br>
138 <a href="javascript:parent.mainFrame.zoomBy(0.7071)" onmouseover="overButton(8)" onmouseout="awayButton(8)"><img src="buttons/zoomout0.gif" width="73" height="30" border="0"></a><br>
139 <a href="javascript:parent.mainFrame.zoomFullpage()" onmouseover="overButton(9)" onmouseout="awayButton(9)"><img src="buttons/fullpage0.gif" width="73" height="30" border="0"></a><br><br>
140 <a href="javascript:hideMenu(); showMenu(2)" onmouseover="overButton(10)" onmouseout="awayButton(10)"><img src="buttons/scale0.gif" width="73" height="30" border="0"></a><br><br>
141 <a href="javascript:hideMenu(); showMenu(3)" onmouseover="overButton(11)" onmouseout="awayButton(11)"><img src="buttons/questionmark0.gif" width="73" height="30" border="0"></a><br><br>
142
143 <div id="menu1" class="menu" style="top:201; left:31; width:54; height:33; clip:rect(0,54,33,0)"></div>
144 <div id="menu11" class="item1" style="top:203"><center><a href="#" class="text" onClick="hideMenu(); showRef(0); return false;" onmouseover="overItem(11)" onmouseout="awayItem(11)">LaTeX</a></center></div>
145 <div id="menu12" class="item1" style="top:218"><center><a href="#" class="text" onClick="hideMenu(); showRef(1); return false;" onmouseover="overItem(12)" onmouseout="awayItem(12)">HTML</a></center></div>
146
147 <div id="menu2" class="menu" style="top:379; left:41; width:44; height:93; clip:rect(0,44,93,0)"></div>
148 <div id="menu21" class="item2" style="top:381"><center><a href="#" class="text" onClick="hideMenu(); setSize(0.7); return false;" onmouseover="overItem(21)" onmouseout="awayItem(21)">0.7</a></center></div>
149 <div id="menu22" class="item2" style="top:396"><center><a href="#" class="text" onClick="hideMenu(); setSize(1.0); return false;" onmouseover="overItem(22)" onmouseout="awayItem(22)">1.0</a></center></div>
150 <div id="menu23" class="item2" style="top:411"><center><a href="#" class="text" onClick="hideMenu(); setSize(1.5); return false;" onmouseover="overItem(23)" onmouseout="awayItem(23)">1.5</a></center></div>
151 <div id="menu24" class="item2" style="top:426"><center><a href="#" class="text" onClick="hideMenu(); setSize(2.0); return false;" onmouseover="overItem(24)" onmouseout="awayItem(24)">2.0</a></center></div>
152 <div id="menu25" class="item2" style="top:441"><center><a href="#" class="text" onClick="hideMenu(); setSize(2.5); return false;" onmouseover="overItem(25)" onmouseout="awayItem(25)">2.5</a></center></div>
153 <div id="menu26" class="item2" style="top:456"><center><a href="#" class="text" onClick="hideMenu(); setSize(3.0); return false;" onmouseover="overItem(26)" onmouseout="awayItem(26)">3.0</a></center></div>
154
155 <div id="menu3" class="menu" style="top:430; left:1; width:84; height:33; clip:rect(0,84,33,0)"></div>
156 <div id="menu31" class="item3" style="top:432"><center><a href="#" class="text" onclick="changeMark(31); hideMenu(); changeHelp(); return false;" onmouseover="overItem(31)" onmouseout="awayItem(31)"><img id="mark31" src="buttons/nomark.gif" border="0">Contexthelp</a></center></div>
157 <div id="menu32" class="item3" style="top:447"><center><a href="#" class="text" onclick="changeMark(32); keepArea = (keepArea == 1) ? 2 : 1; return false;" onmouseover="overItem(32)" onmouseout="awayItem(32)"><img id="mark32" src="buttons/mark.gif" border="0">Keep&nbsp;area</a></center></div>
158
159 <script language="Javascript">
160 // initial background color of the menues (has to be done like this,
161 // otherwise menues in ns4 you will have wrong dimensions)
162 changeBc("menu1", "#666666");
163 changeBc("menu2", "#666666");
164 changeBc("menu3", "#666666");
165 </script>
166 </body>
167 </html>