Help Postioning Nav Bar

Please support our JavaScript / DHTML / AJAX advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases
Reply

Join Date: May 2008
Posts: 3
Reputation: Confused@JS is an unknown quantity at this point 
Solved Threads: 0
Confused@JS Confused@JS is offline Offline
Newbie Poster

Help Postioning Nav Bar

 
0
  #1
May 1st, 2008
Ok I am having a lot of trouble making my Nav bar stay fixed in the upper left corner. Every time i scroll down the nav bar follows down the page. I need some help here is the JS but iam not too sure if my prolbem lays in the HTML.

  1. //----------DHTML Menu Created using AllWebMenus PRO ver 3.1-#522---------------
  2. //M:\Web\solarweb2\serviceparts_qms\serviceparts_qms_menu.awm
  3. var awmMenuName='serviceparts_qms_menu';
  4. var awmLibraryPath='/awmData-serviceparts_qms_menu';
  5. var awmImagesPath='/awmData-serviceparts_qms_menu';
  6. var awmSupported=(navigator.appName + navigator.appVersion.substring(0,1)=="Netscape5" || document.all || document.layers || navigator.userAgent.indexOf('Opera')>-1)?1:0;
  7. if (awmAltUrl!='' && !awmSupported) window.location.replace(awmAltUrl);
  8. if (awmSupported){
  9. var awmMenuPath;
  10. if (document.all) mpi=document.all['awmMenuPathImg-serviceparts_qms_menu'].src;
  11. if (document.layers) mpi=document.images['awmMenuPathImg-serviceparts_qms_menu'].src;
  12. if (navigator.appName + navigator.appVersion.substring(0,1)=="Netscape5" || navigator.userAgent.indexOf('Opera')>-1) mpi=document.getElementById('awmMenuPathImg-serviceparts_qms_menu').src;
  13. awmMenuPath=mpi.substring(0,mpi.length-16);
  14. while (awmMenuPath.search("'")>-1) {awmMenuPath=awmMenuPath.replace("'", "'");}
  15. var nua=navigator.userAgent,scriptNo=(nua.indexOf('Safari')>-1)?7:(nua.indexOf('Gecko')>-1)?2:((document.layers)?3:((nua.indexOf('Opera')>-1)?4:((nua.indexOf('Mac')>-1)?5:((nua.indexOf('Konqueror')>-1)?6:1))));
  16. document.write("<SCRIPT SRC='"+awmMenuPath+awmLibraryPath+"/awmlib"+scriptNo+".js'><\/SCRIPT>");
  17. var n=null;
  18. awmzindex='auto';
  19. }
  20.  
  21. var awmSubmenusFrame='';
  22. var awmSubmenusFrameOffset;
  23. var awmOptimize=1;
  24. function awmBuildMenu(){
  25. if (awmSupported){
  26. awmImagesColl=['leftnavbg.gif',150,24];
  27. awmCreateCSS(0,1,0,n,n,0,n,n,'none',0,n,0,0);
  28. awmCreateCSS(1,2,0,'#000000',n,n,'bold 9pt Arial',n,'none',0,n,0,0);
  29. awmCreateCSS(0,2,0,'#000000','#FFCC00',n,'bold 9pt Arial',n,'none',0,n,0,0);
  30. var s0=awmCreateMenu(0,0,0,0,1,0,1,2,0,0,100,0,0,0,n,n,"",n,1,5,1,0,"","",100);
  31. it=s0.addItem(1,2,2,"&nbsp;QMS Home&nbsp;",n,n,"","/qms/",n,n,n,"/qms/",n);
  32. it=s0.addItem(1,2,2,"&nbsp;H&HS Home&nbsp;",n,n,"","/",n,n,n,"/",n);
  33. it=s0.addItem(1,2,2,"&nbsp;Scope of Certificates&nbsp;",n,n,"","scope/scope.htm",n,n,n,"scope/scope.htm",n);
  34. it=s0.addItem(1,2,2,"&nbsp;Administering Quality&nbsp;",n,n,"","admin/admin.htm",n,n,n,"admin/admin.htm",n);
  35. it=s0.addItem(1,2,2,"&nbsp;Managing Quality&nbsp;",n,n,"","managing/managing.htm",n,n,n,"managing/managing.htm",n);
  36. it=s0.addItem(1,2,2,"&nbsp;Quality Policy&nbsp;",n,n,"","quality_policy.htm",n,n,n,"quality_policy.htm",n);
  37. it=s0.addItem(1,2,2,"&nbsp;Quality Objectives&nbsp;",n,n,"","https://mpcd.cat.com/cda/layout?m=128773&x=7",n,n,n,"https://mpcd.cat.com/cda/layout?m=128773&x=7",n);
  38. it=s0.addItem(1,2,2,"&nbsp;Resources Management&nbsp;",n,n,"","resources/resources.htm",n,n,n,"resources/resources.htm",n);
  39. it=s0.addItem(1,2,2,"&nbsp;<strong style='font-size:14pt;'>Process Maps&nbsp;</strong>",n,n,"","product_real/product_real.htm",n,n,n,"product_real/product_real.htm",n);
  40. it=s0.addItem(1,2,2,"&nbsp;Process Owners/<br>&nbsp;Coordinators&nbsp;",n,n,"","javascript:OpenWindow('http://cat-n1-06.cis.cat.com/qsi/a4QSI/qs4reldc.nsf/(DocNumberLU)/WI-0053?OpenDocument&BaseTarget=_blank', '600', '600')",n,n,"javascript:OpenWindow('http://cat-n1-06.cis.cat.com/qsi/a4QSI/qs4reldc.nsf/(DocNumberLU)/WI-0053?OpenDocument&BaseTarget=_blank', '600', '600')",n,n);
  41. it=s0.addItem(1,2,2,"&nbsp;Measurement Analysis<br>&nbsp;& Improvement&nbsp;",n,n,"","improvement/improvement.htm",n,n,n,"improvement/improvement.htm",n);
  42. it=s0.addItem(1,2,2,"&nbsp;MQ 12005 Certification",n,n,"","",n,n,n,"",n);
  43. it=s0.addItem(1,2,2,"&nbsp;&nbsp;~&nbsp;B PC Valves",n,n,"","product_real/mq12005_index.asp?contentpage=mq12005_bvalv.htm",n,n,n,"product_real/mq12005_index.asp?contentpage=mq12005_bvalv.htm",n);
  44. it=s0.addItem(1,2,2,"&nbsp;&nbsp;~&nbsp;Bolted Cylinders",n,n,"","product_real/mq12005_index.asp?contentpage=mq12005_boltd.htm",n,n,n,"product_real/mq12005_index.asp?contentpage=mq12005_boltd.htm",n);
  45. it=s0.addItem(1,2,2,"&nbsp;&nbsp;~&nbsp;Control Valves",n,n,"","product_real/mq12005_index.asp?contentpage=mq12005_mcv.htm",n,n,n,"product_real/mq12005_index.asp?contentpage=mq12005_mcv.htm",n);
  46. it=s0.addItem(1,2,2,"&nbsp;&nbsp;~&nbsp;Gear Pump",n,n,"","product_real/mq12005_index.asp?contentpage=mq12005_gpump.htm",n,n,n,"product_real/mq12005_index.asp?contentpage=mq12005_gpump.htm",n);
  47. it=s0.addItem(1,2,2,"&nbsp;&nbsp;~&nbsp;Heat Treat",n,n,"","product_real/mq12005_index.asp?contentpage=mq12005_heat.htm",n,n,n,"product_real/mq12005_index.asp?contentpage=mq12005_heat.htm",n);
  48. it=s0.addItem(1,2,2,"&nbsp;&nbsp;~&nbsp;Hydropro Cylinders",n,n,"","product_real/mq12005_index.asp?contentpage=mq12005_hydropro.htm",n,n,n,"product_real/mq12005_index.asp?contentpage=mq12005_hydropro.htm",n);
  49. it=s0.addItem(1,2,2,"&nbsp;&nbsp;~&nbsp;Paint",n,n,"","product_real/mq12005_index.asp?contentpage=mq12005_paint.htm",n,n,n,"product_real/mq12005_index.asp?contentpage=mq12005_paint.htm",n);
  50. it=s0.addItem(1,2,2,"&nbsp;&nbsp;~&nbsp;Tanks",n,n,"","product_real/mq12005_index.asp?contentpage=mq12005_tanks.htm",n,n,n,"product_real/mq12005_index.asp?contentpage=mq12005_tanks.htm",n);
  51. it=s0.addItem(1,2,2,"&nbsp;&nbsp;~&nbsp;Threaded Cylinders",n,n,"","product_real/mq12005_index.asp?contentpage=mq12005_thread.htm",n,n,n,"product_real/mq12005_index.asp?contentpage=mq12005_thread.htm",n);
  52. it=s0.addItem(1,2,2,"&nbsp;&nbsp;~&nbsp;Transmission Valves",n,n,"","product_real/mq12005_index.asp?contentpage=mq12005_mtv.htm",n,n,n,"product_real/mq12005_index.asp?contentpage=mq12005_mtv.htm",n);
  53. it=s0.addItem(1,2,2,"&nbsp;&nbsp;~&nbsp;Truck Struts",n,n,"","product_real/mq12005_index.asp?contentpage=mq12005_struts.htm",n,n,n,"product_real/mq12005_index.asp?contentpage=mq12005_struts.htm",n);
  54. it=s0.addItem(1,2,2,"&nbsp;&nbsp;~&nbsp;Truck Assy & Test",n,n,"","product_real/mq12005_index.asp?contentpage=mq12005_struts.htm",n,n,n,"product_real/mq12005_index.asp?contentpage=mq12005_STRUTS_ASSY_TEST.htm",n);
  55. it=s0.addItem(1,2,2,"&nbsp;&nbsp;~&nbsp;X3PC Valves",n,n,"","product_real/mq12005_index.asp?contentpage=mq12005_x3pc.htm",n,n,n,"product_real/mq12005_index.asp?contentpage=mq12005_x3pc.htm",n);
  56. //it=s0.addItem(1,2,2,"&nbsp;Process Change Request&nbsp;",n,n,"","http://dms1.solar.cat.com/livelink/livelink?func=ll&objId=1534957&objAction=wf.Open&paneindex=0&nexturl=/livelink/livelink?func=ll&objId=1534957&objAction=initiate",n,n,n,"http://dms1.solar.cat.com/livelink/livelink?func=ll&objId=1534957&objAction=wf.Open&paneindex=0&nexturl=/livelink/livelink?func=ll&objId=1534957&objAction=initiate",n);
  57. //it=s0.addItem(1,2,2,"&nbsp;Process Change Request&nbsp;",n,n,"","http://dms1.solar.cat.com/livelink/livelink?func=ll&objId=1534957&objAction=wf.Open&paneindex=0&nexturl=/livelink/livelink?func=ll&objId=1534957&objAction=initiate",n,n,n,"http://dms1.solar.cat.com/livelink/livelink?func=ll&objId=1534957&objAction=wf.Open&paneindex=0&nexturl=/livelink/livelink?func=ll&objId=1534957&objAction=initiate",n);
  58. //it=s0.addItemWithImages(1,2,2,"&nbsp;Request Status Reports&nbsp;",n,n,"",0,0,1,2,2,2,n,n,n,"http://dms1.solar.cat.com/livelink/livelink?func=ll&objId=1548194&objAction=iso.browse&sort=name",n,n,n,"http://dms1.solar.cat.com/livelink/livelink?func=ll&objId=1548194&objAction=iso.browse&sort=name",n);
  59.  
  60. s0.pm.buildMenu();
  61. }}
  62. //managing/managing.htm//managing/managing.htm
  63. //OpenWindow('http://dms1.solar.cat.com/livelink/livelink/3021134/Service_Parts_PO-PC_Matrix.xls?func=doc.OpenFetch&nodeid=3021134', '600', '600')//OpenWindow('http://dms1.solar.cat.com/livelink/livelink/3021134/Service_Parts_PO-PC_Matrix.xls?func=doc.OpenFetch&nodeid=3021134', '600', '600')




Ok and heres the HTML

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><!-- #BeginTemplate "Templates/contentPage-f2.dwt" -->
  2. <!-- DW6 --><HEAD>
  3. <!-- #BeginEditable "doctitle" -->
  4. <title>Hydraulics & Hydraulic Systems QMS</title>
  5. <!-- #EndEditable --><META http-equiv=Content-Type content=text/html;charset=UTF-8>
  6. <LINK href="/qms/css/site.css" type=text/css rel=stylesheet>
  7. <!-- #BeginEditable "ref-file" --><!-- #EndEditable -->
  8. <META content="MSHTML 5.50.4916.2300" name=GENERATOR>
  9. <!-- #BeginEditable "script" -->
  10. <script language="JavaScript">
  11. <!--
  12. function OpenWindow (page, w, h) {
  13. // var srcpage = page + ".htm";
  14. var srcpage = page;
  15.   popupwin = window.open("","","toolbar=0,menubar=1,scrollbars=1,resizable=1,width=" + w + ",height=" + h);
  16.   if( popupwin != null) {
  17.   if (popupwin.opener == null) { popupwin.opener = self; }
  18.   }
  19.   popupwin.location.href = srcpage;
  20.   popupwin.focus();
  21. }
  22. //-->
  23. </script>
  24. <!-- #EndEditable -->
  25. </HEAD>
  26. <BODY bgcolor=white marginheight="0" marginwidth="0">
  27.  
  28. <SCRIPT language=javascript>
  29. function send() {
  30. if (document.search.queryText.value != "") {
  31. document.search.submit();
  32. }
  33. }
  34. </SCRIPT>
  35.  
  36. <TABLE cellspacing=0 cellpadding=0 width="100%" border=0>
  37. <TBODY>
  38. <TR>
  39. <TD class=logo><IMG src="/qms/images/cat_hydraulics.jpg"><BR><IMG height=1
  40. src="/qms/images/pixel.gif" width=150></TD>
  41. <TD width="100%" align=right valign="middle" class=logo2><font color="#FFC400" size="4" face="Geneva, Arial, Helvetica, sans-serif">
  42. <strong><!-- #BeginEditable "Web Site Title" -->Hydraulics & Hydraulic Systems<br>
  43. Quality Management System<!-- #EndEditable --></strong></font></TD>
  44. </TR></TBODY></TABLE>
  45. <TABLE cellspacing=0 cellpadding=0 width="100%" border=0>
  46. <TBODY>
  47. <TR>
  48. <TD class=leftnavwidget valign=bottom width=1 rowspan=3>
  49. <TABLE cellspacing=0 cellpadding=0 width="100%" border=0>
  50. <TBODY>
  51. <TR>
  52. <TD valign=top>
  53. <TABLE cellspacing=0 cellpadding=0 width=150 border=0>
  54. <TBODY>
  55. <TR>
  56. <TD class=search>
  57. <FORM name=search action=http://catatwork.ecorp.cat.com/search.jsp method=get>
  58. <INPUT maxlength=100 size=10 name=queryText> <A href="javascript:send()">Search</A>
  59. <!-- <INPUT type=hidden value=IS_CALLED_BY_CDA_SEARCH name=CALLING_FROM_PARAM> -->
  60. </FORM></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD>
  61. <TD class=topnavwidth width="100%" bgcolor=black>
  62. <TABLE cellspacing=0 cellpadding=0 width="100%" border=0>
  63. <TBODY>
  64. <TR>
  65. <TD class=topnav>
  66. <DIV><A
  67. href="http://web.jol.cat.com/qms/">Home</A></DIV></TD>
  68. <TD class=vline width=1><IMG src="/qms/images/vline.gif"
  69. width=1></TD>
  70. <TD class=topnav>
  71. <DIV><A
  72. href="http://chairman.corp.cat.com/">Chairman's
  73. Corner</A></DIV></TD>
  74. <TD class=vline width=1><IMG src="/qms/images/vline.gif"
  75. width=1></TD>
  76. <TD class=topnav>
  77. <DIV><A
  78. href="javascript:alert('nothing yet');">Departments</A></DIV></TD>
  79. <TD class=vline width=1><IMG src="/qms/images/vline.gif"
  80. width=1></TD>
  81. <TD class=topnav>
  82. <DIV><A
  83. href="http://web.jol.cat.com/news/">News
  84. and Information</A></DIV></TD>
  85. <TD class=vline width=1><IMG src="/qms/images/vline.gif"
  86. width=1></TD>
  87. <TD class=topnav>
  88. <DIV></DIV></TD></TR></TBODY></TABLE></TD></TR>
  89. <TR>
  90. <TD class=crumbtrail width="100%" colspan=10><img src="/qms/images/crumbtrailcurve.gif"></TD>
  91. </TR></TBODY></TABLE>
  92. <TABLE cellspacing=0 cellpadding=0 width="100%" border=0>
  93. <TBODY>
  94. <TR>
  95. <TD class=lmenu valign=top width=1><IMG
  96. src="/qms/images/crumbtrailcorner.gif"></TD>
  97. <TD width="100%">
  98. <TABLE cellspacing=0 cellpadding=0 width="100%" border=0>
  99. <TBODY>
  100. <TR>
  101. <TD class=globalheader style="TEXT-ALIGN: left">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  102. </TD>
  103. <TD align=right>
  104. <TABLE style="BORDER-RIGHT: white 5px solid" cellspacing=0
  105. cellpadding=0 border=0>
  106. <TBODY>
  107. <TR>
  108. <TD class=globalheader><A
  109. href="https://clues.cat.com">CLUES</A></TD>
  110. <TD class=globalheader>| </TD>
  111. <TD class=globalheader><A
  112. href="sitemap.html">Site
  113. Map</A></TD>
  114. <TD class=globalheader>| </TD>
  115. <TD class=globalheader><A
  116. href="/demo/qms/feedback.cfm">Contact
  117. Us</A></TD>
  118. </TR></TBODY>
  119. </TABLE>
  120. </TD>
  121. </TR>
  122. </TBODY>
  123. </TABLE></TD></TR>
  124. </TBODY></TABLE>
  125. <TABLE cellspacing=0 cellpadding=0 width="100%" border=0>
  126. <TBODY>
  127. <TR>
  128. <TD class=lmenu rowspan=2>
  129. <TABLE cellspacing=0 cellpadding=0 width=150 border=0>
  130. <TBODY>
  131. <TR>
  132. <TD><IMG height=8 src="/qms/images/pixel.gif"
  133. width=150></TD>
  134. </TR></TBODY></TABLE></TD>
  135. <TD class=leftgutter style="WIDTH: 1px" rowspan=2><IMG height=1
  136. src="/qms/images/pixel.gif" width=1></TD>
  137. <TD class=topgutter width="100%">
  138. <TABLE cellspacing=10 cellpadding=0 width="100%" border=0>
  139. <TBODY>
  140. <TR>
  141. <TD valign=top width="100%" height=1>
  142. <H3><!-- #BeginEditable "heading" -->Hydraulics & Hydraulic Systems
  143. Quality Management System (QMS)<!-- #EndEditable --></H3>
  144. <!-- #BeginEditable "Content" -->
  145. <p align="center"><img src="/qms/images/hhs_center.jpg"></p>
  146. <blockquote>
  147. <p align="center">ISO <a href="iso/ISO9000-2000.pdf">9000</a>, <a href="iso/ISO9001-2000.pdf">9001</a> and <a href="iso/ISO9004-2000.pdf">9004</a> (9001 is what the standard is based on and others are guidance)</p>
  148. <p align="center">This Hydraulics &amp; Hydraulic Systems
  149. Quality Management System website contains the
  150. <a href="javascript:OpenWindow('http://cat-n1-06.cis.cat.com/qsi/a4QSI/qs4reldc.nsf/(DocNumberLU)/SOP-0060?OpenDocument&BaseTarget=_self',%20'600',%20'600')">quality manual
  151. </a>for Caterpillar Incorporated - Joliet, IL Facility in compliance with the ISO 9001:2000 standard.
  152. If you have any questions on QMS navigation or content,
  153. please contact Casey McPherson at x6821.</p>
  154. </blockquote>
  155. <!-- #EndEditable --></TD>
  156. </TR></TBODY></TABLE></TD></TR>
  157. <TR>
  158. <TD>
  159. </TD></TR></TBODY></TABLE>
  160. <div align="center">
  161. <table>
  162. <tr><td align="center">
  163. <hr noshade size="1" width="500">
  164. <p style="font-size:8pt;">Last Update: 3/5/08<br>
  165. Caterpillar Confidential: Green<br>
  166. Content Owner: Casey McPherson<br>
  167. Web Master: Chris J. Carroll <br>
  168. Copyright 2004 Caterpillar Inc., All Rights Reserved.</p>
  169. </td></tr>
  170. </table>
  171. <!--- Revision Level History --->
  172. <p>&nbsp;</p>
  173. <table class="revision" width="50%">
  174. <tr align="center">
  175. <td class="rev">Revision Level History</td>
  176. </tr>
  177. <tr>
  178. <td class="rev">
  179. 3/5/08 - Revision 2
  180. <ul>
  181. <li>Added Quality Manual
  182. </ul>
  183. </td>
  184. </tr>
  185. <tr>
  186. <td class="rev">
  187.  
  188. 12/22/04 - Revision 1
  189. <ul>
  190. <li>Added ISO documents
  191. </ul>
  192. </td>
  193. </tr>
  194. <tr>
  195. <td class="rev">
  196. 09/04/04 - Original
  197. </td>
  198. </tr>
  199. </table>
  200.  
  201. </div>
  202.  
  203. <!-- DO NOT MOVE! The following AllWebMenus code MUST ALWAYS BE PLACED JUST BEFORE THE /BODY TAG -->
  204. <!-- ******** BEGIN ALLWEBMENUS CODE FOR serviceparts_qms_menu ******** -->
  205. <img name='awmMenuPathImg-serviceparts_qms_menu' id='awmMenuPathImg-serviceparts_qms_menu' src='./awmmenupath.gif' alt='' width="1" height="1"><script type='text/javascript'>var MenuLinkedBy='AllWebMenus [2]', awmBN='522'; awmAltUrl='';</script><script src='serviceparts_qms_menu.js' language='JavaScript1.2' type='text/javascript'></script><script type='text/javascript'>awmBuildMenu();</script>
  206. <!-- ******** END ALLWEBMENUS CODE FOR serviceparts_qms_menu ******** -->
  207. </BODY><!-- #EndTemplate --></HTML>



Any Help would be appreciated!!!!! Thanks
Last edited by peter_budo; May 1st, 2008 at 1:09 pm. Reason: Keep It Organized - please use [code] tags
Reply With Quote Quick reply to this message  
Join Date: Oct 2009
Posts: 1
Reputation: FourPart is an unknown quantity at this point 
Solved Threads: 0
FourPart FourPart is offline Offline
Newbie Poster
 
0
  #2
14 Days Ago
I suspect the answer may lie in the text included in lines 203-206 - they belongs in line 27, immediately after the <body> tags.

As it happens, I'm having exactly the opposite problem - also with AWM scripting.

What I have planned is to put together a title banner, with the navigation menu bar nested into a table, which can be inserted, using PHP into all other pages on the site, rather than having to C&P the same bit of code on every page.

I currently have the menu working in itself, but it's stuck at the top left of the screen, instead of being positioned under the banner where I want it.
Reply With Quote Quick reply to this message  
Reply

Message:



Other Threads in the JavaScript / DHTML / AJAX Forum
Thread Tools Search this Thread



About Us | Contact Us | Advertise | DaniWeb | Acceptable Use Policy | RSS Feed

©2003 - 2009 DaniWeb® LLC