Menu acts "Fixed" in certain browsers

Maestro · Post by **Maestro** » Mon Jan 24, 2005 8:15 pm

All the following Mac browsers: Netscape 7.2, Explorer 5.2.3, and Firefox 1.0 have the following problem.

Goto http://fbcity.securesitehosts.com and scall the window for each browser small enough so that the window's vertical scroll bar appears with at least an inch of throw.

THEN (not before), click on one of the links on the right hand side of the page under "Departments".

Now, scroll the vertical scroll bar.

The submenu with:
City Clerk | City Council | Community Development, etc. remains fixed on the page!

Here's the menu_data.js..
Can you find a reason for this "fixed" behavior?

Code: Select all

  1 
  2 /*
  3 Milonic DHTML Menu - JavaScript Website Navigation System.
  4 Copyright 2004 (c) Milonic Solutions Limited. All Rights Reserved.
  5 Version 5+ Data File structure is the property of Milonic Solutions Ltd and must only be used in Milonic DHTML Products
  6 This is a commercial software product, please visit http://milonic.com/ for more information.
  7 See http://milonic.com/license.php for Commercial License Agreement
  8 All Copyright statements must always remain in place in all files at all times
  9 *******  PLEASE NOTE: THIS IS NOT FREE SOFTWARE, IT MUST BE LICENSED FOR ALL USE  ******* 
 10 */
 11 
 12 buildAllMenus=1;
 13 retainClickValue=0;
 14 _menuCloseDelay=500          // The time delay for menus to remain visible on mouse out
 15 _menuOpenDelay=500            // The time delay before menus open on mouse over
 16 _subOffsetTop=-5              // Sub menu top offset
 17 _subOffsetLeft=5            // Sub menu left offset
 18 
 19 // DEFINE any custom functions next..
 20 /*
 21 See: http://milonic.com/forum/viewtopic.php?p=14348#14348 for a full explanation
 22 */
 23 function mm_changeItemProperty(menuName, itemName, codeRef, newValue, updateDisplay)
 24 {
 25   menuName = menuName.toLowerCase();
 26   for (i=0; i<_mi.length; i++)
 27     if (_mi[i][1].replace(/\&nbsp\;/ig,' ') == itemName && _m[_mi[i][0]][1] == menuName) break;
 28   if (i == _mi.length) return;
 29   _mi[i][codeRef] = newValue;
 30   if (updateDisplay) BDMenu(_mi[i][0]);
 31 }
 32 
 33 /*
 34 See: http://milonic.com/forum/viewtopic.php?t=4853&highlight=type+form for a full explanation
 35 */
 36 function mm_changeMenuProperty(menuName, propertyRef, newValue)
 37 {
 38   var menuNum = getMenuByName(menuName);
 39   _m[menuNum][propertyRef] = newValue;
 40   BDMenu(menuNum);
 41 }
 42 
 43 
 44 // DEFINE the styles used by the various menues & sub menues
 45 
 46 with(TopMainMenuStyle=new mm_style()){
 47 openonclick=1;
 48 closeonclick=1;
 49 onbgcolor="#23243F";
 50 oncolor="#ffffff";
 51 onborder='0px solid #ffffff';
 52 offbgcolor="transparent";
 53 offcolor="#ffffff";
 54 visitedcolor="white";
 55 separatorcolor="#2D729D";
 56 separatorsize="1";
 57 padding=5;
 58 fontsize="75%";
 59 fontstyle="normal";
 60 fontfamily="Verdana, Tahoma, Arial";
 61 pagebgimage="/images/inverseSubOneNav_bg.png";
 62 headercolor="#FBDFB4";
 63 headerbgcolor="none";
 64 bordercolor="none";
 65 }
 66 
 67 with(TopSubTwoHeaderStyle=new mm_style()){
 68 followscroll=0;
 69 openonclick=1;
 70 closeonclick=1;
 71 fontsize="75%";
 72 fontstyle="normal";
 73 fontfamily="Verdana, Tahoma, Arial";
 74 bgimage="/images/trans_BlueGrey.png";
 75 align="right";
 76 valign="middle";
 77 bordercolor="#FFFFFF";
 78 borderwidth="1px";
 79 borderstyle="solid";
 80 padding="2px";
 81 onborder='0px solid #ffffff';
 82 }
 83 
 84 
 85 with(TopPDFsByDepartmentStyle=new mm_style()){
 86 openonclick=1;
 87 closeonclick=1;
 88 onbgcolor="#ccffcc";
 89 oncolor="#000000";
 90 offbgcolor="#cccccc";
 91 offcolor="#99061C";
 92 bordercolor="#292B4A";
 93 borderstyle="solid";
 94 borderwidth=1;
 95 padding=5;
 96 fontsize="12px";
 97 fontstyle="normal";
 98 fontweight="normal";
 99 fontfamily="Verdana, Tahoma, Arial";
100 headercolor="#FFFFFF";
101 headerbgcolor="#292B4A";
102 imagepadding="0 20 0 10";
103 onborder='0px solid #ffffff';
104 }
105 
106 
107 with(AdvancedSearchSubTabStyle=new mm_style()){
108 closeonclick=1;
109 onbgcolor="#ccffcc";
110 oncolor="#000000";
111 offbgcolor="#cccccc";
112 offcolor="#0000CC";
113 bordercolor="#292B4A";
114 borderstyle="solid";
115 borderwidth=1;
116 padding=5;
117 fontsize="12px";
118 fontweight="normal";
119 fontfamily="Verdana, Tahoma, Arial";
120 headercolor="#FFFFFF";
121 headerbgcolor="#292B4A";
122 imagepadding="0 20 0 10";
123 onborder='0px solid #ffffff';
124 }
125 
126 
127 
128 /* These are variants of the TopMainMenuStyle */
129 TopSubOneMainMenuStyle=new copyOf(TopMainMenuStyle);
130 TopSubOneMainMenuStyle.bgimage="/images/trans_BlueGrey.png";
131 TopSubOneMainMenuStyle.pagebgimage="/images/inverseSubOneNav_bg.png";
132 TopSubOneMainMenuStyle.pageborder='1px solid #ffffff';;
133 TopSubOneMainMenuStyle.padding="3 10 3 10";
134 TopSubOneMainMenuStyle.valign="bottom";
135 
136 
137 /* These are variants of the TopMainMenuStyle - One layer down */
138 TopSubTwoMainMenuStyle=new copyOf(TopSubOneMainMenuStyle);
139 TopSubTwoMainMenuStyle.padding=5;
140 TopSubTwoMainMenuStyle.bgimage="/images/normalSubTwoNav_bg.gif";
141 TopSubTwoMainMenuStyle.overbgimage="/images/overSubTwoNav_bg.gif";
142 TopSubTwoMainMenuStyle.pagebgimage="/images/inverseSubTwoNav_bg.gif";
143 TopSubTwoMainMenuStyle.onbgcolor="none";
144 TopSubTwoMainMenuStyle.separatoralign="left";
145 //TopSubTwoMainMenuStyle.separatorwidth="221";
146 TopSubTwoMainMenuStyle.pageborder="none";
147 TopSubTwoMainMenuStyle.oncolor="#2847AA";
148 
149 /* These are variants of the TopMainMenuStyle - Two layers down */
150 TopSubThreeMainMenuStyle=new copyOf(TopSubOneMainMenuStyle);
151 TopSubThreeMainMenuStyle.openonclick=1;
152 TopSubThreeMainMenuStyle.align="center";
153 TopSubThreeMainMenuStyle.offcolor="#FBDFB4";
154 TopSubThreeMainMenuStyle.offbgcolor="#292B4A";
155 TopSubThreeMainMenuStyle.oncolor="gold";
156 TopSubThreeMainMenuStyle.onbgcolor="#292B4A";
157 TopSubThreeMainMenuStyle.bgimage="none";
158 TopSubThreeMainMenuStyle.bordercolor="#292B4A";
159 TopSubThreeMainMenuStyle.borderstyle="solid";
160 TopSubThreeMainMenuStyle.borderwidth=0;
161 TopSubThreeMainMenuStyle.imagepadding="0 15 0 15";
162 
163 
164 // "Main Menue" - the items shown in the top navigation bar
165 with(milonic=new menuname("Main Menu")){
166 style=TopMainMenuStyle;
167 top=62;
168 left=300;
169 alwaysvisible=1;
170 orientation="horizontal";
171 aI("text=Home;url=/;status=Back To Home Page;");
172 aI("text=Departments;showmenu=TopDepartments;");
173 aI("text=Library;showmenu=TopLibrary;");
174 aI("text=Links;url=/pages/links.lasso;status=Back To Home Page;");
175 //aI("text=Search;showmenu=TopSearch;");
176 aI("text=My City;showmenu=TopMyCity;");
177 }
178 
179 // Sub to "Main Menue" are the five main departments 
180 with(milonic=new menuname("TopDepartments")){
181 style=TopSubOneMainMenuStyle;
182 top=92;
183 screenposition="left";
184 left="offset=10";
185 orientation="horizontal";
186 menuwidth=580;
187 aI("openonclick=1;text=City<br>Clerk;showmenu=TopCityClerk;");
188 aI("openonclick=1;text=City<br>Council;showmenu=TopCityCouncil;");
189 aI("openonclick=1;text=Community<br>Development;showmenu=TopCommunityDevelopment;");
190 aI("openonclick=1;text=Human<br>Resources;showmenu=TopHumanResources;");
191 aI("openonclick=1;text=Public<br>Works;showmenu=TopPublicWorks;pagematch=/pages/departments/publicworks.lasso?dptCall=TopDepartments;");
192 aI("openonclick=1;text=Police<br>Dept;showmenu=TopPoliceDept;");
193 aI("openonclick=1;text=Finance;showmenu=TopFinance;");
194 }
195 
196 
197 // Categories belonging to "City Clerk" department
198 with(milonic=new menuname("TopCityClerk")){
199 style=TopSubTwoMainMenuStyle;
200 screenposition="left";
201 left="offset=11";
202 top="131";
203 itemwidth=580;
204 aI("openonclick=1;text=City Clerk <font size=-2>(home)</font>;url=/pages/departments/clerk.lasso;image=/images/home.jpg;imagealign=left");
205 aI("openonclick=1;text=Municipal Code;url=#;");
206 aI("openonclick=1;text=Town Hall Use;url=#;");
207 aI("openonclick=1;text=Consultants & Contractors: <br>&nbsp;&nbsp;City Insurance;url=#;");
208 aI("openonclick=1;text=Requests for Proposals & Bids;url=#;");
209 aI("openonclick=1;text=Encroachments;url=#;");
210 aI("openonclick=1;text=City Elections;url=#;");
211 aI("openonclick=1;text=FPPC & County Website Links;url=#;");
212 aI("openonclick=0;;text=<font color=white size=-2>This section ties into a \"Did you Know\" database.<br>It randomly draws little tidbits of info you would normally want to share with visitors.</font> <p><u><font color=white style=font-variant:small-caps>tell me more</font></u>&nbsp;&nbsp;;fontsize=75%;align=right;url=#;bgimage=/images/solidblue.gif;overbgimage=/images/solidblue.gif;");
213 }
214 
215 
216 // Categories belonging to "City Council" department
217 with(milonic=new menuname("TopCityCouncil")){
218 style=TopSubTwoMainMenuStyle;
219 screenposition="left";
220 left="offset=11";
221 top="131";
222 itemwidth=580;
223 aI("openonclick=1;text=City Council <font size=-2>(home)</font>;url=/pages/departments/citycouncil.lasso;image=/images/home.jpg;imagealign=left");
224 aI("openonclick=1;text=Agendas & Minutes;url=#;");
225 aI("openonclick=1;text=Council Members;url=#;");
226 aI("openonclick=1;text=City Council: <br>&nbsp;&nbsp;Calendar of Events;url=#;");
227 aI("openonclick=1;text=How to's;url=#;");
228 aI("openonclick=1;text=FAQ;url=#;");
229 aI("openonclick=0;;text=<font color=white size=-2>This section ties into a \"Did you Know\" database.<br>It randomly draws little tidbits of info you would normally want to share with visitors.</font> <p><u><font color=white style=font-variant:small-caps>tell me more</font></u>&nbsp;&nbsp;;fontsize=75%;align=right;url=#;bgimage=/images/solidblue.gif;overbgimage=/images/solidblue.gif;");
230 }
231 
232 
233 // Categories belonging to "Community Development" department
234 with(milonic=new menuname("TopCommunityDevelopment")){
235 style=TopSubTwoMainMenuStyle;
236 screenposition="left";
237 left="offset=11";
238 top="131";
239 itemwidth=580;
240 aI("openonclick=1;text=Community Development <font size=-2>(home)</font>;url=/pages/departments/communitydevelopment.lasso;image=/images/home.jpg;imagealign=left");
241 aI("openonclick=1;text=Planning Commission;url=#;");
242 aI("openonclick=1;text=Public Hearing Notices;url=#;");
243 aI("openonclick=1;text=Land Use & Development;url=#;");
244 aI("openonclick=1;text=Citywide Design Guidelines;url=#;");
245 aI("openonclick=1;text=General Plan;url=#;");
246 aI("openonclick=1;text=Mayor's \"Well Done Award\";url=#;");
247 aI("openonclick=1;text=Planning Permit Brochures;url=#;");
248 aI("openonclick=1;text=Editable Planning Application;url=#;");
249 aI("openonclick=1;text=GP Planning Page;url=#;");
250 aI("openonclick=1;text=FAQ;url=#;");
251 aI("openonclick=0;;text=<font color=white size=-2>This section ties into a \"Did you Know\" database.<br>It randomly draws little tidbits of info you would normally want to share with visitors.</font> <p><u><font color=white style=font-variant:small-caps>tell me more</font></u>&nbsp;&nbsp;;fontsize=75%;align=right;url=#;bgimage=/images/solidblue.gif;overbgimage=/images/solidblue.gif;");
252 }
253 
254 
255 // Categories belonging to "Human Resources" department
256 with(milonic=new menuname("TopHumanResources")){
257 style=TopSubTwoMainMenuStyle;
258 screenposition="left";
259 left="offset=11";
260 top="131";
261 itemwidth=580;
262 aI("openonclick=1;text=Human Resources <font size=-2>(home)</font>;url=/pages/departments/humanresources.lasso;image=/images/home.jpg;imagealign=left");
263 aI("openonclick=1;text=Job Postings;url=#;");
264 aI("openonclick=1;text=Something Else;url=#;");
265 aI("openonclick=1;text=And Something Else;url=#;");
266 aI("openonclick=1;text=And Something Else Again;url=#;");
267 aI("openonclick=1;text=Whatever Else;url=#;");
268 aI("openonclick=1;text=FAQ;url=#;");
269 aI("openonclick=0;;text=<font color=white size=-2>This section ties into a \"Did you Know\" database.<br>It randomly draws little tidbits of info you would normally want to share with visitors.</font> <p><u><font color=white style=font-variant:small-caps>tell me more</font></u>&nbsp;&nbsp;;fontsize=75%;align=right;url=#;bgimage=/images/solidblue.gif;overbgimage=/images/solidblue.gif;");
270 }
271 
272 
273 // Categories belonging to "Public Works" department
274 with(milonic=new menuname("TopPublicWorks")){
275 style=TopSubTwoMainMenuStyle;
276 screenposition="left";
277 left="offset=11";
278 top="131";
279 itemwidth=580;
280 aI("openonclick=1;text=Public Works <font size=-2>(home)</font>;url=/pages/departments/publicworks.lasso;image=/images/home.jpg;imagealign=left");
281 aI("openonclick=1;text=Something;url=#;");
282 aI("openonclick=1;text=Something Else;url=#;");
283 aI("openonclick=1;text=And Something Else;url=#;");
284 aI("openonclick=1;text=And Something Else Again;url=#;");
285 aI("openonclick=1;text=Whatever Else;url=#;");
286 aI("openonclick=1;text=FAQ;url=#;");
287 aI("openonclick=0;;text=<font color=white size=-2>This section ties into a \"Did you Know\" database.<br>It randomly draws little tidbits of info you would normally want to share with visitors.</font> <p><u><font color=white style=font-variant:small-caps>tell me more</font></u>&nbsp;&nbsp;;fontsize=75%;align=right;url=#;bgimage=/images/solidblue.gif;overbgimage=/images/solidblue.gif;");
288 }
289 
290 
291 // Categories belonging to "Police" department
292 with(milonic=new menuname("TopPoliceDept")){
293 style=TopSubTwoMainMenuStyle;
294 screenposition="left";
295 left="offset=11";
296 top="131";
297 itemwidth=580;
298 aI("openonclick=1;text=Police Department <font size=-2>(home)</font>;url=/pages/departments/police.lasso;image=/images/home.jpg;imagealign=left");
299 aI("openonclick=1;text=Mission Statement;url=#;");
300 aI("openonclick=1;text=Meet the Officers;url=#;");
301 aI("openonclick=1;text=COPPS Projects & Info;url=#;");
302 aI("openonclick=1;text=Code of Ethics;url=#;");
303 aI("openonclick=1;text=PAL Activities<br>&nbsp;&nbsp;and Board Members;url=/default2.html;");
304 aI("openonclick=1;text=Local Missing Persons;url=#;");
305 aI("openonclick=1;text=The Tipster Program;url=#;");
306 aI("openonclick=1;text=The Police Cadets Program;url=#;");
307 aI("openonclick=1;text=Job Opportunities;url=#;");
308 aI("openonclick=1;text=Schedule of Fees;url=#;");
309 aI("openonclick=1;text=Fingerprinting;url=#;");
310 aI("openonclick=1;text=Schedule of Upcomming Events;url=#;");
311 aI("openonclick=1;text=Gang Awareness;url=#;");
312 aI("openonclick=1;text=Graffiti Program;url=#;");
313 aI("openonclick=1;text=Office Hours;url=#;");
314 aI("openonclick=1;text=Frequently Requested Forms;url=#;");
315 aI("openonclick=1;text=Links;url=#;");
316 aI("openonclick=1;text=FAQ;url=#;");
317 aI("openonclick=0;;text=<font color=white size=-2>This section ties into a \"Did you Know\" database.<br>It randomly draws little tidbits of info you would normally want to share with visitors.</font> <p><u><font color=white style=font-variant:small-caps>tell me more</font></u>&nbsp;&nbsp;;fontsize=75%;align=right;url=#;bgimage=/images/solidblue.gif;overbgimage=/images/solidblue.gif;");
318 }
319 
320 
321 // Categories belonging to "Finance" department
322 with(milonic=new menuname("TopFinance")){
323 style=TopSubTwoMainMenuStyle;
324 screenposition="left";
325 left="offset=11";
326 top="131";
327 itemwidth=580;
328 aI("openonclick=1;text=Finance Department <font size=-2>(home)</font>;url=/pages/departments/finance.lasso;image=/images/home.jpg;imagealign=left");
329 aI("openonclick=1;text=City Treasurer;url=#;");
330 aI("openonclick=1;text=Fiscal Responsibilities<br>&nbsp;&nbsp;and Mandates;url=#;");
331 aI("openonclick=1;text=Frequently Requested Forms;url=#;");
332 aI("openonclick=1;text=Documents;url=#;");
333 aI("openonclick=1;text=FAQ;url=#;");
334 aI("openonclick=0;;text=<font color=white size=-2>This section ties into a \"Did you Know\" database.<br>It randomly draws little tidbits of info you would normally want to share with visitors.</font> <p><u><font color=white style=font-variant:small-caps>tell me more</font></u>&nbsp;&nbsp;;fontsize=75%;align=right;url=#;bgimage=/images/solidblue.gif;overbgimage=/images/solidblue.gif;");
335 }
336 
337 // NEXT: the Documents "Library"  
338 // Can be dynamically generated from the PDF Searchable DB
339 // Grouped by Department or Category
340 with(milonic=new menuname("TopLibrary")){
341 style=TopSubTwoMainMenuStyle;
342 screenposition="left";
343 left="offset=11";
344 top="91";
345 itemwidth=580;
346 aI("text=Draw from an extensive library of usefull city forms and documents.<br>All in downloadable (PDF) format;type=header;itemheight=38;bgimage=/images/trans_BlueGrey.png;onbgcolor=none;pagebgimage=none;headerborder=1px solid #FFFFFF;rawcss=font-variant:small-caps;align=center;margin=10;");
347 aI("openonclick=1;text=Organized<br>&nbsp;&nbsp;by General Category;showmenu=TopPDFsByCategoryOne;");
348 aI("openonclick=1;text=Organized<br>&nbsp;&nbsp;by Department of Origin;showmenu=TopPDFsByDepartment;");
349 aI("openonclick=1;text=Document Search Tool;url=#;");
350 aI("openonclick=1;text=FAQ;url=#;");
351 aI("openonclick=0;;text=<font color=white size=-2>This section ties into a \"Did you Know\" database.<br>It randomly draws little tidbits of info you would normally want to share with visitors.</font> <p><u><font color=white style=font-variant:small-caps>tell me more</font></u>&nbsp;&nbsp;;fontsize=75%;align=right;url=#;bgimage=/images/solidblue.gif;overbgimage=/images/solidblue.gif;");
352 }
353 
354 
355 // PDFs by Category#1 - 2B Dynamic byLasso
356 with(milonic=new menuname("TopPDFsByCategoryOne")){
357 style=TopSubThreeMainMenuStyle;
358 top=133;
359 left=232;
360 itemwidth=167;
361 itemheight=40;
362 orientation="horizontal";
363 aI("text=DOCUMENTS;showmenu=TopPDFsByCategoryDocksTwo;fontsize=75%;padding=2;image=/images/pdf.gif;imageposition=left;");
364 aI("text=FORMS;showmenu=TopPDFsByCategoryFormsTwo;fontsize=75%;padding=2;image=/images/pdf.gif;imageposition=right;");
365 }
366 
367 // PDFs by Category Docs#2 - 2B Dynamic byLasso
368 with(milonic=new menuname("TopPDFsByCategoryDocksTwo")){
369 style=TopSubThreeMainMenuStyle;
370 top=173;
371 left=232;
372 itemwidth=147;
373 itemheight=40;
374 orientation="horizontal";
375 aI("text=<font size=-2>by</font><br>Department;align=right;showmenu=TopPDFsByCategoryDocsThreeByDept;fontsize=75%;rawcss=padding-right:15px;");
376 aI("text=<font size=-2>by</font><br>Need;align=left;showmenu=TopPDFsByCategoryDocsThreeByNeed;fontsize=75%;rawcss=padding-left:1px;");
377 }
378 
379 // PDFs by Category Forms#2 - 2B Dynamic byLasso
380 with(milonic=new menuname("TopPDFsByCategoryFormsTwo")){
381 style=TopSubThreeMainMenuStyle;
382 top=173;
383 left=232;
384 itemwidth=147;
385 itemheight=40;
386 orientation="horizontal";
387 aI("text=<font size=-2>by</font><br>Department;align=right;showmenu=TopPDFsByCategoryFormsThreeByDept;fontsize=75%;rawcss=padding-right:15px;");
388 aI("text=<font size=-2>by</font><br>Need;align=left;showmenu=TopPDFsByCategoryFormsThreeByNeed;fontsize=75%;rawcss=padding-left:1px;");
389 }
390 
391 // PDFs by Category Docs#3 byDept - 2B Dynamic byLasso
392 with(milonic=new menuname("TopPDFsByCategoryDocsThreeByDept")){
393 style=TopPDFsByDepartmentStyle;
394 top=213;
395 left=232;
396 itemwidth=333;
397 //overflow="scroll";
398 aI("type=header;text=<font color=gold>City Clerk</font>;rawcss=font-variant:small-caps;align=center;");
399 aI("text=Town Hall Use;url=#;fontsize=75%;padding=2;image=/images/blank10x10.gif;");
400 aI("text=City Insurance Requirements;url=#;fontsize=75%;padding=2;image=/images/blank10x10.gif;");
401 
402 aI("type=header;text=<font color=gold>City Council</font>;rawcss=font-variant:small-caps;align=center;");
403 aI("text=City Council Agenda;url=#;fontsize=75%;padding=2;image=/images/blank10x10.gif;");
404 aI("text=City Council Minutes (most recent);url=#;fontsize=75%;padding=2;image=/images/blank10x10.gif;");
405 aI("text=City Council Minutes (archived);url=#;fontsize=75%;padding=2;image=/images/blank10x10.gif;");
406 aI("text=How to put an item on the Council Agenda;url=#;fontsize=75%;padding=2;image=/images/blank10x10.gif;");
407 aI("text=CDC Agendas & Minutes;url=#;fontsize=75%;padding=2;image=/images/blank10x10.gif;");
408 aI("text=F & A Commitee Agendas and Minutes;url=#;fontsize=75%;padding=2;image=/images/blank10x10.gif;");
409 aI("text=Public Safety Commitee Agendas & Minutes;url=#;fontsize=75%;padding=2;image=/images/blank10x10.gif;");
410 aI("text=Public Works Commitee Agendas & Minutes;url=#;fontsize=75%;padding=2;image=/images/blank10x10.gif;");
411 aI("text=CDAB Agendas & Minutes;url=#;fontsize=75%;padding=2;image=/images/blank10x10.gif;");
412 
413 aI("type=header;text=<font color=gold>Police Department</font>;rawcss=font-variant:small-caps;align=center;");
414 aI("text=Press Releases;url=#;fontsize=75%;padding=2;image=/images/blank10x10.gif;");
415 aI("text=CHP 555 short;url=#;fontsize=75%;padding=2;image=/images/blank10x10.gif;");
416 aI("text=Info Only Report;url=#;fontsize=75%;padding=2;image=/images/blank10x10.gif;");
417 }
418 
419 // PDFs by Category Docs#3 byNeed - 2B Dynamic byLasso
420 with(milonic=new menuname("TopPDFsByCategoryDocsThreeByNeed")){
421 style=TopPDFsByDepartmentStyle;
422 top=213;
423 left=232;
424 itemwidth=333;
425 //overflow="scroll";
426 aI("type=header;text=<font color=gold>Proceedures & Policies</font>;rawcss=font-variant:small-caps;align=center;");
427 aI("text=Town Hall Use;url=#;fontsize=75%;padding=2;image=/images/blank10x10.gif;");
428 aI("text=City Insurance Requirements;url=#;fontsize=75%;padding=2;image=/images/blank10x10.gif;");
429 aI("text=How to put an item on the Council Agenda;url=#;fontsize=75%;padding=2;image=/images/blank10x10.gif;");
430 
431 aI("type=header;text=<font color=gold>Agendas, Minutes & Public Records</font>;rawcss=font-variant:small-caps;align=center;");
432 aI("text=City Council Agenda;url=#;fontsize=75%;padding=2;image=/images/blank10x10.gif;");
433 aI("text=City Council Minutes (most recent);url=#;fontsize=75%;padding=2;image=/images/blank10x10.gif;");
434 aI("text=City Council Minutes (archived);url=#;fontsize=75%;padding=2;image=/images/blank10x10.gif;");
435 aI("text=CDC Agendas & Minutes;url=#;fontsize=75%;padding=2;image=/images/blank10x10.gif;");
436 aI("text=F & A Commitee Agendas and Minutes;url=#;fontsize=75%;padding=2;image=/images/blank10x10.gif;");
437 aI("text=Public Safety Commitee Agendas & Minutes;url=#;fontsize=75%;padding=2;image=/images/blank10x10.gif;");
438 aI("text=Public Works Commitee Agendas & Minutes;url=#;fontsize=75%;padding=2;image=/images/blank10x10.gif;");
439 aI("text=CDAB Agendas & Minutes;url=#;fontsize=75%;padding=2;image=/images/blank10x10.gif;");
440 aI("text=Press Releases;url=#;fontsize=75%;padding=2;image=/images/blank10x10.gif;");
441 
442 aI("type=header;text=<font color=gold>Miscellaneous</font>;rawcss=font-variant:small-caps;align=center;");
443 aI("text=CHP 555 short;url=#;fontsize=75%;padding=2;image=/images/blank10x10.gif;");
444 aI("text=Police Info Only Report;url=#;fontsize=75%;padding=2;image=/images/blank10x10.gif;");
445 }
446 
447 // PDFs by Category Forms#3 byDept - 2B Dynamic byLasso
448 with(milonic=new menuname("TopPDFsByCategoryFormsThreeByDept")){
449 style=TopPDFsByDepartmentStyle;
450 top=213;
451 left=232;
452 itemwidth=333;
453 //overflow="scroll";
454 aI("type=header;text=<font color=gold>City Clerk</font>;rawcss=font-variant:small-caps;align=center;");
455 aI("text=Public Records Request;url=#;fontsize=75%;padding=2;image=/images/blank10x10.gif;");
456 aI("text=Encroachment Permit Application;url=#;fontsize=75%;padding=2;image=/images/blank10x10.gif;");
457 
458 aI("type=header;text=<font color=gold>City Council</font>;rawcss=font-variant:small-caps;align=center;");
459 aI("text=Speaker Card Forms;url=#;fontsize=75%;padding=2;image=/images/blank10x10.gif;");
460 
461 aI("type=header;text=<font color=gold>Police Department</font>;rawcss=font-variant:small-caps;align=center;");
462 aI("text=Cadet Application;url=#;fontsize=75%;padding=2;image=/images/blank10x10.gif;");
463 aI("text=Job Application;url=#;fontsize=75%;padding=2;image=/images/blank10x10.gif;");
464 aI("text=Parking Ticket Appeal;url=#;fontsize=75%;padding=2;image=/images/blank10x10.gif;");
465 }
466 
467 // PDFs by Category Forms#3 byNeed - 2B Dynamic byLasso
468 with(milonic=new menuname("TopPDFsByCategoryFormsThreeByNeed")){
469 style=TopPDFsByDepartmentStyle;
470 top=213;
471 left=232;
472 itemwidth=333;
473 //overflow="scroll";
474 aI("type=header;text=<font color=gold>Permits & Applications</font>;rawcss=font-variant:small-caps;align=center;");
475 aI("text=Encroachment Permit Application;url=#;fontsize=75%;padding=2;image=/images/blank10x10.gif;");
476 aI("text=Cadet Application;url=#;fontsize=75%;padding=2;image=/images/blank10x10.gif;");
477 aI("text=Job Application;url=#;fontsize=75%;padding=2;image=/images/blank10x10.gif;");
478 
479 aI("type=header;text=<font color=gold>Request & Appeal Forms</font>;rawcss=font-variant:small-caps;align=center;");
480 aI("text=Public Records Request;url=#;fontsize=75%;padding=2;image=/images/blank10x10.gif;");
481 aI("text=Parking Ticket Appeal;url=#;fontsize=75%;padding=2;image=/images/blank10x10.gif;");
482 
483 aI("type=header;text=<font color=gold>Miscellaneous</font>;rawcss=font-variant:small-caps;align=center;");
484 aI("text=Speaker Card Forms;url=#;fontsize=75%;padding=2;image=/images/blank10x10.gif;");
485 }
486 
487 
488 
489 // PDFs by Department - 2B Dynamic byLasso
490 with(milonic=new menuname("TopPDFsByDepartment")){
491 style=TopPDFsByDepartmentStyle;
492 top=133;
493 left=232;
494 itemwidth=340;
495 //overflow="scroll";
496 aI("type=header;text=from the <font color=gold>&nbsp; City Clerk</font>;image=/images/pdf.gif;rawcss=font-variant:small-caps;");
497 aI("text=Public Records Request;url=#;fontsize=75%;padding=2;image=/images/blank10x10.gif;");
498 aI("text=Town Hall Use;url=#;fontsize=75%;padding=2;image=/images/blank10x10.gif;");
499 aI("text=City Insurance Requirements;url=#;fontsize=75%;padding=2;image=/images/blank10x10.gif;");
500 aI("text=Encroachment Permit Application;url=#;fontsize=75%;padding=2;image=/images/blank10x10.gif;");
501 
502 aI("type=header;text=from the <font color=gold>&nbsp; City Council</font>;image=/images/pdf.gif;rawcss=font-variant:small-caps;");
503 aI("text=City Council Agenda;url=#;fontsize=75%;padding=2;image=/images/blank10x10.gif;");
504 aI("text=City Council Minutes (most recent);url=#;fontsize=75%;padding=2;image=/images/blank10x10.gif;");
505 aI("text=City Council Minutes (archived);url=#;fontsize=75%;padding=2;image=/images/blank10x10.gif;");
506 aI("text=Speaker Card Forms;url=#;fontsize=75%;padding=2;image=/images/blank10x10.gif;");
507 aI("text=How to put an item on the Council Agenda;url=#;fontsize=75%;padding=2;image=/images/blank10x10.gif;");
508 aI("text=CDC Agendas & Minutes;url=#;fontsize=75%;padding=2;image=/images/blank10x10.gif;");
509 aI("text=F & A Commitee Agendas and Minutes;url=#;fontsize=75%;padding=2;image=/images/blank10x10.gif;");
510 aI("text=Public Safety Commitee Agendas & Minutes;url=#;fontsize=75%;padding=2;image=/images/blank10x10.gif;");
511 aI("text=Public Works Commitee Agendas & Minutes;url=#;fontsize=75%;padding=2;image=/images/blank10x10.gif;");
512 aI("text=CDAB Agendas & Minutes;url=#;fontsize=75%;padding=2;image=/images/blank10x10.gif;");
513 
514 aI("type=header;text=from the <font color=gold>&nbsp; Police Department</font>;image=/images/pdf.gif;rawcss=font-variant:small-caps;");
515 aI("text=Cadet Application;url=#;fontsize=75%;padding=2;image=/images/blank10x10.gif;");
516 aI("text=Job Application;url=#;fontsize=75%;padding=2;image=/images/blank10x10.gif;");
517 aI("text=Press Releases;url=#;fontsize=75%;padding=2;image=/images/blank10x10.gif;");
518 aI("text=CHP 555 short;url=#;fontsize=75%;padding=2;image=/images/blank10x10.gif;");
519 aI("text=Info Only Report;url=#;fontsize=75%;padding=2;image=/images/blank10x10.gif;");
520 aI("text=Parking Ticket Appeal;url=#;fontsize=75%;padding=2;image=/images/blank10x10.gif;");
521 }
522 
523 
524 
525 // Simple search
526 with(milonic=new menuname("TopSearch")){
527 style=TopSubTwoHeaderStyle;
528 screenposition="left";
529 left="offset=10";
530 top="91";
531 itemwidth=579;
532 aI("type=header;rawcss=font-variant:small-caps;text=<br><center><font color=#FBDFB4>Do a simple search of this site ... searche every document in every department</font></center>;");
533 aI("openonclick=0;bgimage=/images/solidblue.gif;itemheight=60;text=<font color=white size=-2>As an alternative, try out our</font> <u><font color=white style=font-variant:small-caps>ADVANCED SEARCH</font></u>&nbsp;&nbsp;;fontsize=75%;align=right;url=/pages/advancedSearch.lasso;");
534 }
535 
536 // Sub search (advanced) tab
537 with(milonic=new menuname("AdvancedSearch")){
538 style=AdvancedSearchSubTabStyle;
539 top="offset=68";
540 left="11";
541 itemwidth=577;
542 aI("text=The Advanced Search Form or whatever you're using for advanced search will open here..;align=right;");
543  }
544  
545 
546 // Example, using TopMyCity of form when "type=header"
547 with(milonic=new menuname("TopMyCity")){
548 style=TopSubTwoHeaderStyle;
549 screenposition="left";
550 left="offset=10";
551 top="91";
552 itemwidth=577;
553 //aI("type=header;rawcss=font-variant:small-caps;text=<form name=form2 action=http://pdaoutlet.biz/cgi-bin/mail.cgi><input type=hidden name=flavor value=subscribe><input type=hidden name=list value=pda><font color=#FBDFB4>Our Newsletter... </font><input style=background-color:#EBE689 type=text name=email> <input type=submit value=Subscribe></form>;");
554 }
555 
556 drawMenus();

kevin3442 · Post by **kevin3442** » Tue Jan 25, 2005 2:01 am

Hi Tim,

I've seen that sort of thing before in Windows/NS7 (although I can't recall what I was doing at the time). It's as if position="fixed" is set in the submenu (which would explain why IE/Win doesn't do it, because it doesn't recognize fixed positionoing). I doubt that there's anything in your code that leads to the behavior. I tried a local simulation. Got the behavior in WinXPSP2/NS7.1. I then explicitly set position="absolute"; in the seemingly fixed submenu's definition. E.g.,

Code: Select all

with(milonic=new menuname("theMenuName")){
style=menuStyle;
position="absolute";
aI(...);
}

And that stopped the behavior (IE6 responded the same either way). Only a quick test and only with WinXPSP2/NS7.1. Perhaps worth a shot though.

Cheers,

Kevin

Maestro · Post by **Maestro** » Tue Jan 25, 2005 3:26 am

Thatg worked with Explorer, not with Firefox, and not with Netscape.
Well.. one out of three isn't bad.

Post by **Ruth** » Tue Jan 25, 2005 5:29 pm

Are you saying the menu should open lower? When I try the right links putting the browser the way you directed, the page automatically scrolls back to the top and the menu opens right underneath the main top menu. In Netscape and Firebird when I scroll down with the scroll bar the menu follows but not in IE5.5 [win98] However, I tried inserting followscroll=1 and the menu will scroll down in IE then, but I don't know that you really want it to follow scroll all the time.

As an aside, and I meant to mention this before but forgot

When you post your code, it would be better if you left out the line numbers. If we need to try and make a page to test the code takes a bit to remove all the numbers. I realize it's finding the line that you use the numbers, but maybe using b, i, or u buttons above could be substituted.

Ruth

Maestro · Post by **Maestro** » Tue Jan 25, 2005 6:57 pm

I tried using u and b tags within a code tag, it didn't work.
I will leave out the line numbers though.

To clarify..

Ruth wrote:Are you saying the menu should open lower? When I try the right links putting the browser the way you directed, the page automatically scrolls back to the top and the menu opens right underneath the main top menu. In Netscape and Firebird when I scroll down with the scroll bar the menu follows but not in IE5.5 [win98] However, I tried inserting followscroll=1 and the menu will scroll down in IE then, but I don't know that you really want it to follow scroll all the time.

No, I want the menues to act as if set to "absolute".
IE & Safari are the only two that seem to work; IE because I followed kevin3442's suggestion..

Kevin3442 wrote: ..explicitly set position="absolute";...

with(milonic=new menuname("theMenuName")){
style=menuStyle;
position="absolute";
aI(...);
}

This took care of IE, but not the other browsers.

Me thinks the problem may have something to do with some of the tableing. I have been reading the post about Relative Table Bound Positioning. I have yet to have had time to explore this.

I bet it will fix the problem however.
I'll let you know.

Right now, my client has requested a navigational makeover - we're still going to use the Milonic Menu System, but the arrangement will be quite differemt.

I will test, and incorporate the Relative Table Bound Positioning methodology in the upcoming newest incarnation.

-Tim