|
12
|
1 /* fw_menu -- JS library for digilib buttons
|
|
|
2
|
|
|
3 Digital Image Library servlet components
|
|
|
4
|
|
|
5 Copyright (C) 2001, 2002 Christian Luginbuehl (luginbuehl@student.unibe.ch)
|
|
|
6
|
|
|
7 This program is free software; you can redistribute it and/or modify it
|
|
|
8 under the terms of the GNU General Public License as published by the
|
|
|
9 Free Software Foundation; either version 2 of the License, or (at your
|
|
|
10 option) any later version.
|
|
|
11
|
|
|
12 Please read license.txt for the full details. A copy of the GPL
|
|
|
13 may be found at http://www.gnu.org/copyleft/lgpl.html
|
|
|
14
|
|
|
15 You should have received a copy of the GNU General Public License
|
|
|
16 along with this program; if not, write to the Free Software
|
|
|
17 Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA
|
|
|
18
|
|
|
19 */
|
|
|
20
|
|
|
21 function Menu(label, mw, mh, fnt, fs, fclr, fhclr, bg, bgh) {
|
|
|
22 this.version = "990702 [Menu; menu.js]";
|
|
|
23 this.type = "Menu";
|
|
|
24 this.menuWidth = mw;
|
|
|
25 this.menuItemHeight = mh;
|
|
|
26 this.fontSize = fs||12;
|
|
|
27 this.fontWeight = "plain";
|
|
|
28 this.fontFamily = fnt||"arial,helvetica,verdana,sans-serif";
|
|
|
29 this.fontColor = fclr||"#000000";
|
|
|
30 this.fontColorHilite = fhclr||"#ffffff";
|
|
|
31 this.bgColor = "#555555";
|
|
|
32 this.menuBorder = 1;
|
|
|
33 this.menuItemBorder = 1;
|
|
|
34 this.menuItemBgColor = bg||"#cccccc";
|
|
|
35 this.menuLiteBgColor = "#ffffff";
|
|
|
36 this.menuBorderBgColor = "#777777";
|
|
|
37 this.menuHiliteBgColor = bgh||"#000084";
|
|
|
38 this.menuContainerBgColor = "#cccccc";
|
|
|
39 this.childMenuIcon = "arrows.gif";
|
|
|
40 this.items = new Array();
|
|
|
41 this.actions = new Array();
|
|
|
42 this.childMenus = new Array();
|
|
|
43
|
|
|
44 this.hideOnMouseOut = true;
|
|
|
45
|
|
|
46 this.addMenuItem = addMenuItem;
|
|
|
47 this.addMenuSeparator = addMenuSeparator;
|
|
|
48 this.writeMenus = writeMenus;
|
|
|
49 this.FW_showMenu = FW_showMenu;
|
|
|
50 this.onMenuItemOver = onMenuItemOver;
|
|
|
51 this.onMenuItemAction = onMenuItemAction;
|
|
|
52 this.hideMenu = hideMenu;
|
|
|
53 this.hideChildMenu = hideChildMenu;
|
|
|
54
|
|
|
55 if (!window.menus) window.menus = new Array();
|
|
|
56 this.label = label || "menuLabel" + window.menus.length;
|
|
|
57 window.menus[this.label] = this;
|
|
|
58 window.menus[window.menus.length] = this;
|
|
|
59 if (!window.activeMenus) window.activeMenus = new Array();
|
|
|
60 }
|
|
|
61
|
|
|
62 function addMenuItem(label, action) {
|
|
|
63 this.items[this.items.length] = label;
|
|
|
64 this.actions[this.actions.length] = action;
|
|
|
65 }
|
|
|
66
|
|
|
67 function addMenuSeparator() {
|
|
|
68 this.items[this.items.length] = "separator";
|
|
|
69 this.actions[this.actions.length] = "";
|
|
|
70 this.menuItemBorder = 0;
|
|
|
71 }
|
|
|
72
|
|
|
73 // For NS6.
|
|
|
74 function FIND(item) {
|
|
|
75 if (document.all) return(document.all[item]);
|
|
|
76 if (document.getElementById) return(document.getElementById(item));
|
|
|
77 return(false);
|
|
|
78 }
|
|
|
79
|
|
|
80 function writeMenus(container) {
|
|
|
81 if (window.triedToWriteMenus) return;
|
|
|
82
|
|
|
83 if (!container && document.layers) {
|
|
|
84 window.delayWriteMenus = this.writeMenus;
|
|
|
85 var timer = setTimeout('delayWriteMenus()', 250);
|
|
|
86 container = new Layer(100);
|
|
|
87 clearTimeout(timer);
|
|
|
88 } else if (document.all || document.hasChildNodes) {
|
|
|
89 document.writeln('<SPAN ID="menuContainer"></SPAN>');
|
|
|
90 container = FIND("menuContainer");
|
|
|
91 }
|
|
|
92
|
|
|
93 window.fwHideMenuTimer = null;
|
|
|
94 if (!container) return;
|
|
|
95 window.triedToWriteMenus = true;
|
|
|
96 container.isContainer = true;
|
|
|
97 container.menus = new Array();
|
|
|
98 for (var i=0; i<window.menus.length; i++)
|
|
|
99 container.menus[i] = window.menus[i];
|
|
|
100 window.menus.length = 0;
|
|
|
101 var countMenus = 0;
|
|
|
102 var countItems = 0;
|
|
|
103 var top = 0;
|
|
|
104 var content = '';
|
|
|
105 var lrs = false;
|
|
|
106 var theStat = "";
|
|
|
107 var tsc = 0;
|
|
|
108 if (document.layers) lrs = true;
|
|
|
109 for (var i=0; i<container.menus.length; i++, countMenus++) {
|
|
|
110 var menu = container.menus[i];
|
|
|
111 if (menu.bgImageUp) {
|
|
|
112 menu.menuBorder = 0;
|
|
|
113 menu.menuItemBorder = 0;
|
|
|
114 }
|
|
|
115 if (lrs) {
|
|
|
116 var menuLayer = new Layer(100, container);
|
|
|
117 var lite = new Layer(100, menuLayer);
|
|
|
118 lite.top = menu.menuBorder;
|
|
|
119 lite.left = menu.menuBorder;
|
|
|
120 var body = new Layer(100, lite);
|
|
|
121 body.top = menu.menuBorder;
|
|
|
122 body.left = menu.menuBorder;
|
|
|
123 } else {
|
|
|
124 content += ''+
|
|
|
125 '<DIV ID="menuLayer'+ countMenus +'" STYLE="position:absolute;z-index:1;left:10;top:'+ (i * 100) +';visibility:hidden;">\n'+
|
|
|
126 ' <DIV ID="menuLite'+ countMenus +'" STYLE="position:absolute;z-index:1;left:'+ menu.menuBorder +';top:'+ menu.menuBorder +';visibility:hide;" onMouseOut="mouseoutMenu();">\n'+
|
|
|
127 ' <DIV ID="menuFg'+ countMenus +'" STYLE="position:absolute;left:'+ menu.menuBorder +';top:'+ menu.menuBorder +';visibility:hide;">\n'+
|
|
|
128 '';
|
|
|
129 }
|
|
|
130 var x=i;
|
|
|
131 for (var i=0; i<menu.items.length; i++) {
|
|
|
132 var item = menu.items[i];
|
|
|
133 var childMenu = false;
|
|
|
134 var defaultHeight = menu.fontSize+6;
|
|
|
135 var defaultIndent = menu.fontSize;
|
|
|
136 if (item.label) {
|
|
|
137 item = item.label;
|
|
|
138 childMenu = true;
|
|
|
139 }
|
|
|
140 menu.menuItemHeight = menu.menuItemHeight || defaultHeight;
|
|
|
141 menu.menuItemIndent = menu.menuItemIndent || defaultIndent;
|
|
|
142 var itemProps = 'font-family:' + menu.fontFamily +';font-weight:' + menu.fontWeight + ';fontSize:' + menu.fontSize + ';';
|
|
|
143 if (menu.fontStyle) itemProps += 'font-style:' + menu.fontStyle + ';';
|
|
|
144 if (document.all)
|
|
|
145 itemProps += 'font-size:' + menu.fontSize + ';" onMouseOver="onMenuItemOver(null,this);" onClick="onMenuItemAction(null,this);';
|
|
|
146 else if (!document.layers) {
|
|
|
147 itemProps += 'font-size:' + menu.fontSize + 'px;'; // zilla wants 12px.
|
|
|
148 }
|
|
|
149 var l;
|
|
|
150 if (lrs) {
|
|
|
151 l = new Layer(800,body);
|
|
|
152 }
|
|
|
153 var dTag = '<DIV ID="menuItem'+ countItems +'" STYLE="position:absolute;left:0;top:'+ (i * menu.menuItemHeight) +';'+ itemProps +'">';
|
|
|
154 var dClose = '</DIV>'
|
|
|
155 if (menu.bgImageUp) {
|
|
|
156 menu.menuBorder = 0;
|
|
|
157 menu.menuItemBorder = 0;
|
|
|
158 dTag = '<DIV ID="menuItem'+ countItems +'" STYLE="background:url('+menu.bgImageUp+');position:absolute;left:0;top:'+ (i * menu.menuItemHeight) +';'+ itemProps +'">';
|
|
|
159 if (document.layers) {
|
|
|
160 dTag = '<LAYER BACKGROUND="'+menu.bgImageUp+'" ID="menuItem'+ countItems +'" TOP="'+ (i * menu.menuItemHeight) +'" style="' + itemProps +'">';
|
|
|
161 dClose = '</LAYER>';
|
|
|
162 }
|
|
|
163 }
|
|
|
164 var textProps = 'position:absolute;left:' + menu.menuItemIndent + ';top:1;';
|
|
|
165 if (lrs) {
|
|
|
166 textProps +=itemProps;
|
|
|
167 dTag = "";
|
|
|
168 dClose = "";
|
|
|
169 }
|
|
|
170
|
|
|
171 var dText = '<DIV ID="menuItemText'+ countItems +'" STYLE="' + textProps + 'color:'+ menu.fontColor +';">'+ item +' </DIV>\n<DIV ID="menuItemHilite'+ countItems +'" STYLE="' + textProps + 'top:1;color:'+ menu.fontColorHilite +';visibility:hidden;">'+ item +' </DIV>';
|
|
|
172 if (item == "separator") {
|
|
|
173 content += ( dTag + '<DIV ID="menuSeparator'+ countItems +'" STYLE="position:absolute;left:1;top:2;"></DIV>\n<DIV ID="menuSeparatorLite'+ countItems +'" STYLE="position:absolute;left:1;top:2;"></DIV>\n' + dClose);
|
|
|
174 } else if (childMenu) {
|
|
|
175 content += ( dTag + dText + '<DIV ID="childMenu'+ countItems +'" STYLE="position:absolute;left:0;top:3;"><IMG SRC="'+ menu.childMenuIcon +'"></DIV>\n' + dClose);
|
|
|
176 } else {
|
|
|
177 content += ( dTag + dText + dClose);
|
|
|
178 }
|
|
|
179 if (lrs) {
|
|
|
180 l.document.open("text/html");
|
|
|
181 l.document.writeln(content);
|
|
|
182 l.document.close();
|
|
|
183 content = '';
|
|
|
184 theStat += "-";
|
|
|
185 tsc++;
|
|
|
186 if (tsc > 50) {
|
|
|
187 tsc = 0;
|
|
|
188 theStat = "";
|
|
|
189 }
|
|
|
190 status = theStat;
|
|
|
191 }
|
|
|
192 countItems++;
|
|
|
193 }
|
|
|
194 if (lrs) {
|
|
|
195 // focus layer
|
|
|
196 var focusItem = new Layer(100, body);
|
|
|
197 focusItem.visiblity="hidden";
|
|
|
198 focusItem.document.open("text/html");
|
|
|
199 focusItem.document.writeln(" ");
|
|
|
200 focusItem.document.close();
|
|
|
201 } else {
|
|
|
202 content += ' <DIV ID="focusItem'+ countMenus +'" STYLE="position:absolute;left:0;top:0;visibility:hide;" onClick="onMenuItemAction(null,this);"> </DIV>\n';
|
|
|
203 content += ' </DIV>\n </DIV>\n</DIV>\n';
|
|
|
204 }
|
|
|
205 i=x;
|
|
|
206 }
|
|
|
207 if (document.layers) {
|
|
|
208 container.clip.width = window.innerWidth;
|
|
|
209 container.clip.height = window.innerHeight;
|
|
|
210 container.onmouseout = mouseoutMenu;
|
|
|
211 container.menuContainerBgColor = this.menuContainerBgColor;
|
|
|
212 for (var i=0; i<container.document.layers.length; i++) {
|
|
|
213 proto = container.menus[i];
|
|
|
214 var menu = container.document.layers[i];
|
|
|
215 container.menus[i].menuLayer = menu;
|
|
|
216 container.menus[i].menuLayer.Menu = container.menus[i];
|
|
|
217 container.menus[i].menuLayer.Menu.container = container;
|
|
|
218 var body = menu.document.layers[0].document.layers[0];
|
|
|
219 body.clip.width = proto.menuWidth || body.clip.width;
|
|
|
220 body.clip.height = proto.menuHeight || body.clip.height;
|
|
|
221 for (var n=0; n<body.document.layers.length-1; n++) {
|
|
|
222 var l = body.document.layers[n];
|
|
|
223 l.Menu = container.menus[i];
|
|
|
224 l.menuHiliteBgColor = proto.menuHiliteBgColor;
|
|
|
225 l.document.bgColor = proto.menuItemBgColor;
|
|
|
226 l.saveColor = proto.menuItemBgColor;
|
|
|
227 l.onmouseover = proto.onMenuItemOver;
|
|
|
228 l.onclick = proto.onMenuItemAction;
|
|
|
229 l.action = container.menus[i].actions[n];
|
|
|
230 l.focusItem = body.document.layers[body.document.layers.length-1];
|
|
|
231 l.clip.width = proto.menuWidth || body.clip.width + proto.menuItemIndent;
|
|
|
232 l.clip.height = proto.menuItemHeight || l.clip.height;
|
|
|
233 if (n>0) l.top = body.document.layers[n-1].top + body.document.layers[n-1].clip.height + proto.menuItemBorder;
|
|
|
234 l.hilite = l.document.layers[1];
|
|
|
235 if (proto.bgImageUp) l.background.src = proto.bgImageUp;
|
|
|
236 l.document.layers[1].isHilite = true;
|
|
|
237 if (l.document.layers[0].id.indexOf("menuSeparator") != -1) {
|
|
|
238 l.hilite = null;
|
|
|
239 l.clip.height -= l.clip.height / 2;
|
|
|
240 l.document.layers[0].document.bgColor = proto.bgColor;
|
|
|
241 l.document.layers[0].clip.width = l.clip.width -2;
|
|
|
242 l.document.layers[0].clip.height = 1;
|
|
|
243 l.document.layers[1].document.bgColor = proto.menuLiteBgColor;
|
|
|
244 l.document.layers[1].clip.width = l.clip.width -2;
|
|
|
245 l.document.layers[1].clip.height = 1;
|
|
|
246 l.document.layers[1].top = l.document.layers[0].top + 1;
|
|
|
247 } else if (l.document.layers.length > 2) {
|
|
|
248 l.childMenu = container.menus[i].items[n].menuLayer;
|
|
|
249 l.document.layers[2].left = l.clip.width -13;
|
|
|
250 l.document.layers[2].top = (l.clip.height / 2) -4;
|
|
|
251 l.document.layers[2].clip.left += 3;
|
|
|
252 l.Menu.childMenus[l.Menu.childMenus.length] = l.childMenu;
|
|
|
253 }
|
|
|
254 }
|
|
|
255 body.document.bgColor = proto.bgColor;
|
|
|
256 body.clip.width = l.clip.width +proto.menuBorder;
|
|
|
257 body.clip.height = l.top + l.clip.height +proto.menuBorder;
|
|
|
258 var focusItem = body.document.layers[n];
|
|
|
259 focusItem.clip.width = body.clip.width;
|
|
|
260 focusItem.Menu = l.Menu;
|
|
|
261 focusItem.top = -30;
|
|
|
262 focusItem.captureEvents(Event.MOUSEDOWN);
|
|
|
263 focusItem.onmousedown = onMenuItemDown;
|
|
|
264 menu.document.bgColor = proto.menuBorderBgColor;
|
|
|
265 var lite = menu.document.layers[0];
|
|
|
266 lite.document.bgColor = proto.menuLiteBgColor;
|
|
|
267 lite.clip.width = body.clip.width +1;
|
|
|
268 lite.clip.height = body.clip.height +1;
|
|
|
269 menu.clip.width = body.clip.width + (proto.menuBorder * 3) ;
|
|
|
270 menu.clip.height = body.clip.height + (proto.menuBorder * 3);
|
|
|
271 }
|
|
|
272 } else {
|
|
|
273 if ((!document.all) && (container.hasChildNodes)) {
|
|
|
274 container.innerHTML=content;
|
|
|
275 } else {
|
|
|
276 container.document.open("text/html");
|
|
|
277 container.document.writeln(content);
|
|
|
278 container.document.close();
|
|
|
279 }
|
|
|
280 if (!FIND("menuLayer0")) return;
|
|
|
281 var menuCount = 0;
|
|
|
282 for (var x=0; x<container.menus.length; x++) {
|
|
|
283 var menuLayer = FIND("menuLayer" + x);
|
|
|
284 container.menus[x].menuLayer = "menuLayer" + x;
|
|
|
285 menuLayer.Menu = container.menus[x];
|
|
|
286 menuLayer.Menu.container = "menuLayer" + x;
|
|
|
287 menuLayer.style.zIndex = 1;
|
|
|
288 var s = menuLayer.style;
|
|
|
289 s.top = s.pixelTop = -300;
|
|
|
290 s.left = s.pixelLeft = -300;
|
|
|
291
|
|
|
292 var menu = container.menus[x];
|
|
|
293 menu.menuItemWidth = menu.menuWidth || menu.menuIEWidth || 140;
|
|
|
294 menuLayer.style.backgroundColor = menu.menuBorderBgColor;
|
|
|
295 var top = 0;
|
|
|
296 for (var i=0; i<container.menus[x].items.length; i++) {
|
|
|
297 var l = FIND("menuItem" + menuCount);
|
|
|
298 l.Menu = container.menus[x];
|
|
|
299 if (l.addEventListener) { // ns6
|
|
|
300 l.style.width = menu.menuItemWidth;
|
|
|
301 l.style.height = menu.menuItemHeight;
|
|
|
302 l.style.top = top;
|
|
|
303 l.addEventListener("mouseover", onMenuItemOver, false);
|
|
|
304 l.addEventListener("click", onMenuItemAction, false);
|
|
|
305 l.addEventListener("mouseout", mouseoutMenu, false);
|
|
|
306 } else { //ie
|
|
|
307 l.style.pixelWidth = menu.menuItemWidth;
|
|
|
308 l.style.pixelHeight = menu.menuItemHeight;
|
|
|
309 l.style.pixelTop = top;
|
|
|
310 }
|
|
|
311 top = top + menu.menuItemHeight+menu.menuItemBorder;
|
|
|
312 l.style.fontSize = menu.fontSize;
|
|
|
313 l.style.backgroundColor = menu.menuItemBgColor;
|
|
|
314 l.style.visibility = "inherit";
|
|
|
315 l.saveColor = menu.menuItemBgColor;
|
|
|
316 l.menuHiliteBgColor = menu.menuHiliteBgColor;
|
|
|
317 l.action = container.menus[x].actions[i];
|
|
|
318 l.hilite = FIND("menuItemHilite" + menuCount);
|
|
|
319 l.focusItem = FIND("focusItem" + x);
|
|
|
320 l.focusItem.style.pixelTop = l.focusItem.style.top = -30;
|
|
|
321 var childItem = FIND("childMenu" + menuCount);
|
|
|
322 if (childItem) {
|
|
|
323 l.childMenu = container.menus[x].items[i].menuLayer;
|
|
|
324 childItem.style.pixelLeft = childItem.style.left = menu.menuItemWidth -11;
|
|
|
325 childItem.style.pixelTop = childItem.style.top =(menu.menuItemHeight /2) -4;
|
|
|
326 //childItem.style.pixelWidth = 30 || 7;
|
|
|
327 //childItem.style.clip = "rect(0 7 7 3)";
|
|
|
328 l.Menu.childMenus[l.Menu.childMenus.length] = l.childMenu;
|
|
|
329 }
|
|
|
330 var sep = FIND("menuSeparator" + menuCount);
|
|
|
331 if (sep) {
|
|
|
332 sep.style.clip = "rect(0 " + (menu.menuItemWidth - 3) + " 1 0)";
|
|
|
333 sep.style.width = sep.style.pixelWidth = menu.menuItemWidth;
|
|
|
334 sep.style.backgroundColor = menu.bgColor;
|
|
|
335 sep = FIND("menuSeparatorLite" + menuCount);
|
|
|
336 sep.style.clip = "rect(1 " + (menu.menuItemWidth - 3) + " 2 0)";
|
|
|
337 sep.style.width = sep.style.pixelWidth = menu.menuItemWidth;
|
|
|
338 sep.style.backgroundColor = menu.menuLiteBgColor;
|
|
|
339 l.style.height = l.style.pixelHeight = menu.menuItemHeight/2;
|
|
|
340 l.isSeparator = true
|
|
|
341 top -= (menu.menuItemHeight - l.style.pixelHeight)
|
|
|
342 } else {
|
|
|
343 l.style.cursor = "hand"
|
|
|
344 }
|
|
|
345 menuCount++;
|
|
|
346 }
|
|
|
347 menu.menuHeight = top-1;
|
|
|
348 var lite = FIND("menuLite" + x);
|
|
|
349 var s = lite.style;
|
|
|
350 s.height = s.pixelHeight = menu.menuHeight +(menu.menuBorder * 2);
|
|
|
351 s.width = s.pixelWidth = menu.menuItemWidth + (menu.menuBorder * 2);
|
|
|
352 s.backgroundColor = menu.menuLiteBgColor;
|
|
|
353
|
|
|
354 var body = FIND("menuFg" + x);
|
|
|
355 s = body.style;
|
|
|
356 s.height = s.pixelHeight = menu.menuHeight + menu.menuBorder;
|
|
|
357 s.width = s.pixelWidth = menu.menuItemWidth + menu.menuBorder;
|
|
|
358 s.backgroundColor = menu.bgColor;
|
|
|
359
|
|
|
360 s = menuLayer.style;
|
|
|
361 s.width = s.pixelWidth = menu.menuItemWidth + (menu.menuBorder * 4);
|
|
|
362 s.height = s.pixelHeight = menu.menuHeight+(menu.menuBorder*4);
|
|
|
363 }
|
|
|
364 }
|
|
|
365 if (document.captureEvents) {
|
|
|
366 document.captureEvents(Event.MOUSEUP);
|
|
|
367 }
|
|
|
368 if (document.addEventListener) {
|
|
|
369 document.addEventListener("mouseup", onMenuItemOver, false);
|
|
|
370 }
|
|
|
371 if (document.layers && window.innerWidth) {
|
|
|
372 window.onresize = NS4resize;
|
|
|
373 window.NS4sIW = window.innerWidth;
|
|
|
374 window.NS4sIH = window.innerHeight;
|
|
|
375 }
|
|
|
376 document.onmouseup = mouseupMenu;
|
|
|
377 window.fwWroteMenu = true;
|
|
|
378 status = "";
|
|
|
379 }
|
|
|
380
|
|
|
381 function NS4resize() {
|
|
|
382 if (NS4sIW < window.innerWidth ||
|
|
|
383 NS4sIW > window.innerWidth ||
|
|
|
384 NS4sIH > window.innerHeight ||
|
|
|
385 NS4sIH < window.innerHeight )
|
|
|
386 {
|
|
|
387 window.location.reload();
|
|
|
388 }
|
|
|
389 }
|
|
|
390
|
|
|
391 function onMenuItemOver(e, l) {
|
|
|
392 FW_clearTimeout();
|
|
|
393 l = l || this;
|
|
|
394 a = window.ActiveMenuItem;
|
|
|
395 if (document.layers) {
|
|
|
396 if (a) {
|
|
|
397 a.document.bgColor = a.saveColor;
|
|
|
398 if (a.hilite) a.hilite.visibility = "hidden";
|
|
|
399 if (a.Menu.bgImageOver) {
|
|
|
400 a.background.src = a.Menu.bgImageUp;
|
|
|
401 }
|
|
|
402 a.focusItem.top = -100;
|
|
|
403 a.clicked = false;
|
|
|
404 }
|
|
|
405 if (l.hilite) {
|
|
|
406 l.document.bgColor = l.menuHiliteBgColor;
|
|
|
407 l.zIndex = 1;
|
|
|
408 l.hilite.visibility = "inherit";
|
|
|
409 l.hilite.zIndex = 2;
|
|
|
410 l.document.layers[1].zIndex = 1;
|
|
|
411 l.focusItem.zIndex = this.zIndex +2;
|
|
|
412 }
|
|
|
413 if (l.Menu.bgImageOver) {
|
|
|
414 l.background.src = l.Menu.bgImageOver;
|
|
|
415 }
|
|
|
416 l.focusItem.top = this.top;
|
|
|
417 l.Menu.hideChildMenu(l);
|
|
|
418 } else if (l.style && l.Menu) {
|
|
|
419 if (a) {
|
|
|
420 a.style.backgroundColor = a.saveColor;
|
|
|
421 if (a.hilite) a.hilite.style.visibility = "hidden";
|
|
|
422 if (a.Menu.bgImageUp) {
|
|
|
423 a.style.background = "url(" + a.Menu.bgImageUp +")";;
|
|
|
424 }
|
|
|
425 }
|
|
|
426 if (l.isSeparator) return;
|
|
|
427 l.style.backgroundColor = l.menuHiliteBgColor;
|
|
|
428 l.zIndex = 1; // magic IE 4.5 mac happy doohicky. jba
|
|
|
429 if (l.Menu.bgImageOver) {
|
|
|
430 l.style.background = "url(" + l.Menu.bgImageOver +")";
|
|
|
431 }
|
|
|
432 if (l.hilite) {
|
|
|
433 l.style.backgroundColor = l.menuHiliteBgColor;
|
|
|
434 l.hilite.style.visibility = "inherit";
|
|
|
435 }
|
|
|
436 l.focusItem.style.top = l.focusItem.style.pixelTop = l.style.pixelTop;
|
|
|
437 l.focusItem.style.zIndex = l.zIndex +1;
|
|
|
438 l.Menu.hideChildMenu(l);
|
|
|
439 } else {
|
|
|
440 return; // not a menu - magic IE 4.5 mac happy doohicky. jba
|
|
|
441 }
|
|
|
442 window.ActiveMenuItem = l;
|
|
|
443 }
|
|
|
444
|
|
|
445 function onMenuItemAction(e, l) {
|
|
|
446 l = window.ActiveMenuItem;
|
|
|
447 // hier wird die action bei menuclick gemacht
|
|
|
448 if (!l) return;
|
|
|
449 hideActiveMenus();
|
|
|
450 if (l.action) {
|
|
|
451 eval("" + l.action);
|
|
|
452 }
|
|
|
453 window.ActiveMenuItem = 0;
|
|
|
454 }
|
|
|
455
|
|
|
456 function FW_clearTimeout()
|
|
|
457 {
|
|
|
458 if (fwHideMenuTimer) clearTimeout(fwHideMenuTimer);
|
|
|
459 fwHideMenuTimer = null;
|
|
|
460 fwDHFlag = false;
|
|
|
461 }
|
|
|
462 function FW_startTimeout()
|
|
|
463 {
|
|
|
464 fwStart = new Date();
|
|
|
465 fwDHFlag = true;
|
|
|
466 fwHideMenuTimer = setTimeout("FW_doHide()", 1000);
|
|
|
467 }
|
|
|
468
|
|
|
469 function FW_doHide()
|
|
|
470 {
|
|
|
471 if (!fwDHFlag) return;
|
|
|
472 var elapsed = new Date() - fwStart;
|
|
|
473 if (elapsed < 1000) {
|
|
|
474 fwHideMenuTimer = setTimeout("FW_doHide()", 1100-elapsed);
|
|
|
475 return;
|
|
|
476 }
|
|
|
477 fwDHFlag = false;
|
|
|
478 hideActiveMenus();
|
|
|
479 window.ActiveMenuItem = 0;
|
|
|
480 }
|
|
|
481
|
|
|
482 function FW_showMenu(menu, x, y, child) {
|
|
|
483 if (!window.fwWroteMenu) return;
|
|
|
484 FW_clearTimeout();
|
|
|
485 if (document.layers) {
|
|
|
486 if (menu) {
|
|
|
487 var l = menu.menuLayer || menu;
|
|
|
488 l.left = 1;
|
|
|
489 l.top = 1;
|
|
|
490 hideActiveMenus();
|
|
|
491 if (this.visibility) l = this;
|
|
|
492 window.ActiveMenu = l;
|
|
|
493 } else {
|
|
|
494 var l = child;
|
|
|
495 }
|
|
|
496 if (!l) return;
|
|
|
497 for (var i=0; i<l.layers.length; i++) {
|
|
|
498 if (!l.layers[i].isHilite)
|
|
|
499 l.layers[i].visibility = "inherit";
|
|
|
500 if (l.layers[i].document.layers.length > 0)
|
|
|
501 FW_showMenu(null, "relative", "relative", l.layers[i]);
|
|
|
502 }
|
|
|
503 if (l.parentLayer) {
|
|
|
504 if (x != "relative")
|
|
|
505 l.parentLayer.left = x || window.pageX || 0;
|
|
|
506 if (l.parentLayer.left + l.clip.width > window.innerWidth)
|
|
|
507 l.parentLayer.left -= (l.parentLayer.left + l.clip.width - window.innerWidth);
|
|
|
508 if (y != "relative")
|
|
|
509 l.parentLayer.top = y || window.pageY || 0;
|
|
|
510 if (l.parentLayer.isContainer) {
|
|
|
511 l.Menu.xOffset = window.pageXOffset;
|
|
|
512 l.Menu.yOffset = window.pageYOffset;
|
|
|
513 l.parentLayer.clip.width = window.ActiveMenu.clip.width +2;
|
|
|
514 l.parentLayer.clip.height = window.ActiveMenu.clip.height +2;
|
|
|
515 if (l.parentLayer.menuContainerBgColor) l.parentLayer.document.bgColor = l.parentLayer.menuContainerBgColor;
|
|
|
516 }
|
|
|
517 }
|
|
|
518 l.visibility = "inherit";
|
|
|
519 if (l.Menu) l.Menu.container.visibility = "inherit";
|
|
|
520 } else if (FIND("menuItem0")) {
|
|
|
521 var l = menu.menuLayer || menu;
|
|
|
522 hideActiveMenus();
|
|
|
523 if (typeof(l) == "string") {
|
|
|
524 l = FIND(l);
|
|
|
525 }
|
|
|
526 window.ActiveMenu = l;
|
|
|
527 var s = l.style;
|
|
|
528 s.visibility = "inherit";
|
|
|
529 if (x != "relative")
|
|
|
530 s.left = s.pixelLeft = x || (window.pageX + document.body.scrollLeft) || 0;
|
|
|
531 if (y != "relative")
|
|
|
532 s.top = s.pixelTop = y || (window.pageY + document.body.scrollTop) || 0;
|
|
|
533 l.Menu.xOffset = document.body.scrollLeft;
|
|
|
534 l.Menu.yOffset = document.body.scrollTop;
|
|
|
535 }
|
|
|
536 if (menu) {
|
|
|
537 window.activeMenus[window.activeMenus.length] = l;
|
|
|
538 }
|
|
|
539 }
|
|
|
540
|
|
|
541 function onMenuItemDown(e, l) {
|
|
|
542 var a = window.ActiveMenuItem;
|
|
|
543 if (document.layers) {
|
|
|
544 if (a) {
|
|
|
545 a.eX = e.pageX;
|
|
|
546 a.eY = e.pageY;
|
|
|
547 a.clicked = true;
|
|
|
548 }
|
|
|
549 }
|
|
|
550 }
|
|
|
551
|
|
|
552 function mouseupMenu(e)
|
|
|
553 {
|
|
|
554 hideMenu(true, e);
|
|
|
555 hideActiveMenus();
|
|
|
556 return true;
|
|
|
557 }
|
|
|
558
|
|
|
559 function mouseoutMenu()
|
|
|
560 {
|
|
|
561 hideMenu(false, false);
|
|
|
562 return true;
|
|
|
563 }
|
|
|
564
|
|
|
565
|
|
|
566 function hideMenu(mouseup, e) {
|
|
|
567 var a = window.ActiveMenuItem;
|
|
|
568 if (a && document.layers) {
|
|
|
569 a.document.bgColor = a.saveColor;
|
|
|
570 a.focusItem.top = -30;
|
|
|
571 if (a.hilite) a.hilite.visibility = "hidden";
|
|
|
572 if (mouseup && a.action && a.clicked && window.ActiveMenu) {
|
|
|
573 if (a.eX <= e.pageX+15 && a.eX >= e.pageX-15 && a.eY <= e.pageY+10 && a.eY >= e.pageY-10) {
|
|
|
574 setTimeout('window.ActiveMenu.Menu.onMenuItemAction();', 2);
|
|
|
575 }
|
|
|
576 }
|
|
|
577 a.clicked = false;
|
|
|
578 if (a.Menu.bgImageOver) {
|
|
|
579 a.background.src = a.Menu.bgImageUp;
|
|
|
580 }
|
|
|
581 } else if (window.ActiveMenu && FIND("menuItem0")) {
|
|
|
582 if (a) {
|
|
|
583 a.style.backgroundColor = a.saveColor;
|
|
|
584 if (a.hilite) a.hilite.style.visibility = "hidden";
|
|
|
585 if (a.Menu.bgImageUp) {
|
|
|
586 a.style.background = "url(" + a.Menu.bgImageUp +")";;
|
|
|
587 }
|
|
|
588 }
|
|
|
589 }
|
|
|
590 if (!mouseup && window.ActiveMenu) {
|
|
|
591 if (window.ActiveMenu.Menu) {
|
|
|
592 if (window.ActiveMenu.Menu.hideOnMouseOut) {
|
|
|
593 FW_startTimeout();
|
|
|
594 }
|
|
|
595 return(true);
|
|
|
596 }
|
|
|
597 }
|
|
|
598 return(true);
|
|
|
599 }
|
|
|
600
|
|
|
601 function PxToNum(pxStr)
|
|
|
602 { // pxStr == 27px, we want 27.
|
|
|
603 if (pxStr.length > 2) {
|
|
|
604 n = Number(pxStr.substr(0, pxStr.length-2));
|
|
|
605 return(n);
|
|
|
606 }
|
|
|
607 return(0);
|
|
|
608 }
|
|
|
609
|
|
|
610 function hideChildMenu(hcmLayer) {
|
|
|
611 FW_clearTimeout();
|
|
|
612 var l = hcmLayer;
|
|
|
613 for (var i=0; i < l.Menu.childMenus.length; i++) {
|
|
|
614 var theLayer = l.Menu.childMenus[i];
|
|
|
615 if (document.layers) {
|
|
|
616 theLayer.visibility = "hidden";
|
|
|
617 } else {
|
|
|
618 theLayer = FIND(theLayer);
|
|
|
619 theLayer.style.visibility = "hidden";
|
|
|
620 }
|
|
|
621 theLayer.Menu.hideChildMenu(theLayer);
|
|
|
622 }
|
|
|
623
|
|
|
624 if (l.childMenu) {
|
|
|
625 var childMenu = l.childMenu;
|
|
|
626 if (document.layers) {
|
|
|
627 l.Menu.FW_showMenu(null,null,null,childMenu.layers[0]);
|
|
|
628 childMenu.zIndex = l.parentLayer.zIndex +1;
|
|
|
629 childMenu.top = l.top + l.parentLayer.top + l.Menu.menuLayer.top + l.Menu.menuItemHeight/3;
|
|
|
630 if (childMenu.left + childMenu.clip.width > window.innerWidth) {
|
|
|
631 childMenu.left = l.parentLayer.left - childMenu.clip.width + l.Menu.menuLayer.left + 15;
|
|
|
632 l.Menu.container.clip.left -= childMenu.clip.width;
|
|
|
633 } else {
|
|
|
634 childMenu.left = l.parentLayer.left + l.parentLayer.clip.width + l.Menu.menuLayer.left -5;
|
|
|
635 }
|
|
|
636 var w = childMenu.clip.width+childMenu.left-l.Menu.container.clip.left;
|
|
|
637 if (w > l.Menu.container.clip.width)
|
|
|
638 l.Menu.container.clip.width = w;
|
|
|
639 var h = childMenu.clip.height+childMenu.top-l.Menu.container.clip.top;
|
|
|
640 if (h > l.Menu.container.clip.height) l.Menu.container.clip.height = h;
|
|
|
641 l.document.layers[1].zIndex = 0;
|
|
|
642 childMenu.visibility = "inherit";
|
|
|
643 } else if (FIND("menuItem0")) {
|
|
|
644 childMenu = FIND(l.childMenu);
|
|
|
645 var menuLayer = FIND(l.Menu.menuLayer);
|
|
|
646 var s = childMenu.style;
|
|
|
647 s.zIndex = menuLayer.style.zIndex+1;
|
|
|
648 if (document.all) { // ie case.
|
|
|
649 s.pixelTop = l.style.pixelTop + menuLayer.style.pixelTop + l.Menu.menuItemHeight/3;
|
|
|
650 s.left = s.pixelLeft = (menuLayer.style.pixelWidth) + menuLayer.style.pixelLeft -5;
|
|
|
651 } else { // zilla case
|
|
|
652 var top = PxToNum(l.style.top) + PxToNum(menuLayer.style.top) + l.Menu.menuItemHeight/3;
|
|
|
653 var left = (PxToNum(menuLayer.style.width)) + PxToNum(menuLayer.style.left) -5;
|
|
|
654 s.top = top;
|
|
|
655 s.left = left;
|
|
|
656 }
|
|
|
657 childMenu.style.visibility = "inherit";
|
|
|
658 } else {
|
|
|
659 return;
|
|
|
660 }
|
|
|
661 window.activeMenus[window.activeMenus.length] = childMenu;
|
|
|
662 }
|
|
|
663 }
|
|
|
664
|
|
|
665 function hideActiveMenus() {
|
|
|
666 if (!window.activeMenus) return;
|
|
|
667 for (var i=0; i < window.activeMenus.length; i++) {
|
|
|
668 if (!activeMenus[i]) continue;
|
|
|
669 if (activeMenus[i].visibility && activeMenus[i].Menu) {
|
|
|
670 activeMenus[i].visibility = "hidden";
|
|
|
671 activeMenus[i].Menu.container.visibility = "hidden";
|
|
|
672 activeMenus[i].Menu.container.clip.left = 0;
|
|
|
673 } else if (activeMenus[i].style) {
|
|
|
674 var s = activeMenus[i].style;
|
|
|
675 s.visibility = "hidden";
|
|
|
676 s.left = -200;
|
|
|
677 s.top = -200;
|
|
|
678 }
|
|
|
679 }
|
|
|
680 if (window.ActiveMenuItem) {
|
|
|
681 hideMenu(false, false);
|
|
|
682 }
|
|
|
683 window.activeMenus.length = 0;
|
|
|
684 }
|
|
|
685
|
|
|
686 function MM_findObj(n, d) { //v3.0
|
|
|
687 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
|
|
|
688 d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
|
|
|
689 if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
|
|
|
690 for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); return x;
|
|
|
691 }
|
|
|
692 function MM_swapImage() { //v3.0
|
|
|
693 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
|
|
|
694 if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
|
|
|
695 }
|
|
|
696 function MM_swapImgRestore() { //v3.0
|
|
|
697 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
|
|
|
698 }
|
|
|
699
|
|
|
700 function MM_preloadImages() { //v3.0
|
|
|
701 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
|
|
|
702 var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
|
|
|
703 if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
|
|
|
704 }
|
|
|
705
|
|
|
706
|
|
|
707 // additional help for the different buttens. makes a floating window with content given by helpText
|
|
|
708
|
|
|
709 // just to be sure, that no buffer overflow can arrive
|
|
|
710 var semaphor = true;
|
|
|
711
|
|
|
712 function contextHelp(helpText, relX, relY) {
|
|
|
713
|
|
|
714 if (showHelp && semaphor) {
|
|
|
715 semaphor = false;
|
|
|
716 var help = helpText.split("|");
|
|
|
717
|
|
|
718 var helpWindowWidth = 270;
|
|
|
719 var helpWindowHeight = 130;
|
|
|
720
|
|
|
721 var xScreen = relX*(screen.width-helpWindowWidth);
|
|
|
722 var yScreen = relY*(screen.height-helpWindowHeight);
|
|
|
723
|
|
|
724 var helpWindow = window.open("", "ContextHelp", "width=" + helpWindowWidth + ",height=" + helpWindowHeight + ",screenX=" + xScreen + ",screenY=" + yScreen + ",left=" + xScreen + ",top=" + yScreen);
|
|
|
725
|
|
|
726 helpWindow.focus();
|
|
|
727 helpWindow.document.open();
|
|
|
728 helpWindow.document.write('<html><head><title>Context Help</title>');
|
|
|
729 helpWindow.document.write('<style type="text/css">');
|
|
|
730 helpWindow.document.write('.title {font-family: Verdana, sans-serif, Arial; font-size: 12px; font-weight: bold; color: #FFFFFF}');
|
|
|
731 helpWindow.document.write('.text {font-family: Verdana, sans-serif, Arial; font-size: 10px; color: #000000}');
|
|
|
732 helpWindow.document.write('</style></head><body bgcolor="#CCCCCC" leftmargin="7" topmargin="7" marginwidth="7" marginheight="7" onLoad="opener.semaphor = true;">');
|
|
|
733 helpWindow.document.write('<table width="' + (helpWindowWidth-8) + '" border="0" cellspacing="0" cellpadding="3"><tr><td bgcolor="#666666" class="title">');
|
|
|
734 helpWindow.document.write(help[0] + '</tr><tr><td class="text">');
|
|
|
735 helpWindow.document.write(help[1] + '</tr></td></table></body></html>');
|
|
|
736 helpWindow.document.close();
|
|
|
737 }
|
|
|
738
|
|
|
739 // stupid workaround because of netscape 6, that doesen't know the opener property
|
|
|
740 // this workaround is still ok cause netscape 6 has eventbuffer check (no overflow)
|
|
|
741 if ((navigator.appName.toLowerCase() == "netscape") && (parseFloat(navigator.appVersion) >= 5.0)) {
|
|
|
742 semaphor = true;
|
|
|
743 }
|
|
|
744 }
|
