hope you're doing well.
My boss recently asked me to rebuild the nav bar on our site.
He wants to move away from our current method of just having the nav code on each and every web page - so we can make edits to the nav bar periodically that will be automatically implemented across the website.
He built our website back in the early days of web dev, and as such it is basically an HTML animal that really just gets the job done (and has for years) but is not responsive or pretty.
He's adamantly against using any sort of PHP or JS, since my initial thought was a JQuery script to grab a nav.html file on each page. Bummer!
That being said, does anyone know how I can essentially create the same results? Having a singular file or block of code that can be changed and then reflected on all pages across our site , using only HTML?
Thanks in advance everyone!
Here is the code we currently have copied to all of our pages, which was created long ago:
<div id="navbox">
<!----BEGIN NAV----->
<!-- #BeginLibraryItem "/library/mainsite_nav.lbi" -->
<link href="css_files/nav_control_main2.css" rel="stylesheet" type="text/css" />
<ul id="nav_horiz">
<li class="navbar"></li>
<li class="navbar"><a href="#">Products</a>
<ul>
<li class="navdrop"><a href="subsea_scanners-1.htm">Underwater Lasers</a>
<ul class="flyout">
<li class="navdrop"><a href="subsea_scanners-1.htm">Underwater Scanners</a></li>
<li class="navdrop"><a href="subsea_scanners-1.htm">Subsea Scanners</a></li>
<li class="navdrop"><a href="nuke_nm200uw_hardware.html">Nuclear Underwater Scanner</a></li>
<li class="navdrop"><a href="scan_pt200uw_pantilt.html">Laser Scanner PanTilt Arm</a></li>
<li class="navdrop"><a href="pdf/D_A_data_sheet_5_2_16.pdf">Angle/Distance Scanner</a></li>
<li class="navdrop"> </li>
</ul>
</li>
<li class="navdrop"><a href="power.htm">Nuclear Inspection</a>
<ul class="flyout1">
<li class="navdrop"><a href="nuke_nm200e_hardware.html">Core Verification System</a></li>
<li class="navdrop"><a href="nuke_nm200uw_hardware.html">Nuclear Underwater Scanner</a></li>
<li class="navdrop"><a href="robot_inspector_land.html">Inspector In-Tank Robot</a></li>
<li class="navdrop"><a href="nuke_rpv.html">Upper RPV Measuring Robot</a></li>
<li class="navdrop"><a href="nuke_numac100.html">Restricted Area Access Control</a></li>
<li class="navdrop"> </li>
</ul>
</li>
<li class="navdrop"><a href="main_robotics.htm">Robotics<a href="robot_inspector_land.html"></a>
<ul class="flyout2">
<li class="navdrop"><a href="robot_inspector_land.html">Inspector In-Tank Robot</a></li>
<li class="navdrop"><a href="robot_surveyor.html">Surveyor Inspection Robot</a></li>
<li class="navdrop"><a href="robot_pressdie_vision.html">Press Die Vision System</a></li>
<li class="navdrop"><a href="nuke_rpv.html">Upper RPV Measuring Robot</a></li>
<li class="navdrop"> </li>
</ul>
</li>
<li class="navdrop"><a href="main_machine_vision-1.htm">Machine Vision</a>
<ul class="flyout3">
<li class="navdrop"><a href="line_systems.htm">Line & Area Scanning</a></li>
<li class="navdrop"><a href="tech_noncontact.html">Non-Contact Gauging</a></li>
<li class="navdrop"><a href="tech_surface_defect.html">Surface Defects</a></li>
<li class="navdrop"><a href="tech_pattern_match.html">Pattern Matching</a></li>
<li class="navdrop"><a href="tech_assemble_verify.html">Assembly Verification</a></li>
<li class="navdrop"></li>
<li class="navdrop"><a href="machviz_fme_console.html">FME Console</a></li>
<li class="navdrop"><a href="machviz_quadcam.html">QuadCam Zoned Surveillance</a></li>
<li class="navdrop"> </li>
</ul>
</li>
<li class="navdrop"> </li>
</ul>
</li>
<li class="navbar"><a href="main_industry.htm">Industries</a>
<ul>
<li class="navdrop"><a href="power.htm">Nuclear Power</a></li>
<li class="navdrop"><a href="subsea_scanners-1.htm">Oil and Gas</a></li>
<li class="navdrop"><a href="subsea_scanners-1.htm">Marine</a></li>
<li class="navdrop"><a href="indus_auto.html">Automotive</a></li>
<li class="navdrop"><a href="indus_bottlecan.html">Bottling & Canning</a></li>
<li class="navdrop"><a href="indus_aerospace.html">Aerospace</a></li>
<li class="navdrop"><a href="main_industry.htm">Other Industries</a></li>
<li class="navdrop"> </li>
</ul>
</li>
<li class="navbar3"><a href="#">Technologies</a>
<ul>
<li class="navdrop"><a href="subsea_scanners-1.htm">Underwater Laser Scanning</a></li>
<li class="navdrop"><a href="nuke_nm200e_hardware.html">Nuclear Core Validation</a></li>
<li class="navdrop"><a href="robot_inspector_land.html">Inspector In-Tank Robot</a></li>
<li class="navdrop"><a href="line_systems.htm">Line & Area Scanning</a></li>
<li class="navdrop"><a href="tech_noncontact.html">Non-Contact Gauging</a></li>
<li class="navdrop"><a href="tech_surface_defect.html">Surface Defects</a></li>
<li class="navdrop"><a href="tech_pattern_match.html">Pattern Matching</a></li>
<li class="navdrop"><a href="tech_assemble_verify.html">Assembly Verification</a></li>
<li class="navdrop"><a href="main_robotics.htm">Robotics<a href="robot_inspector_land.html"></a>
<li class="navdrop"> </li>
</ul>
</li>
<li class="navbar"><a href="main_news_releases.html">Newsroom</a></li>
<li class="navbar"><a href="#">About Us</a>
<ul>
<li class="navdrop"><a href="main_competence.html">Core Competence</a></li>
<li class="navdrop"><a href="main_about.html">Company Background</a></li>
<li class="navdrop"><a href="academic-home-1.html">Academic Website</a></li>
<li class="navdrop"><a href="main_careers.html">Careers at Newton</a></li>
<li class="navdrop"> </li>
</ul>
</li>
<li class="navdrop"><a href="main_contact.html">Contact Us</a></li>
</ul><!-- #EndLibraryItem -->
</div>
