User Name Password Register
DaniWeb IT Discussion Community
All
What is DaniWeb IT Discussion Community?
You're currently browsing the JavaScript / DHTML / AJAX section within the Web Development category of DaniWeb, a massive community of 425,968 software developers, web developers, Internet marketers, and tech gurus who are all enthusiastic about making contacts, networking, and learning from each other. In fact, there are 1,636 IT professionals currently interacting right now! Registration is free, only takes a minute and lets you enjoy all of the interactive features of the site.
Please support our JavaScript / DHTML / AJAX advertiser: Lunarpages Web Hosting
Views: 590 | Replies: 0
Reply
Join Date: May 2008
Posts: 3
Reputation: Confused@JS is an unknown quantity at this point 
Rep Power: 0
Solved Threads: 0
Confused@JS Confused@JS is offline Offline
Newbie Poster

Help Postioning Nav Bar

  #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 12:09 pm. Reason: Keep It Organized - please use [code] tags
AddThis Social Bookmark Button
Reply With Quote  
Reply

Only community members can participate in forum threads. You must register or log in to contribute.

DaniWeb JavaScript / DHTML / AJAX Marketplace
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)

 

Thread Tools Display Modes

Other Threads in the JavaScript / DHTML / AJAX Forum

All times are GMT -4. The time now is 10:57 pm.
Forum system based on vBulletin Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
©2003 - 2008 DaniWeb® LLC