Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations Mike Lewis on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

navigation question ... ??

Status
Not open for further replies.
Dre313

Dre313

Technical User
Jun 4, 2003
219
US
I have made my main page with a script as my navigation menu...

What I want to know is.. Is there a way when i click on a link on the page it'll go in the middle of the page... instead of having to copy the scripted nav menu to all of the pages..

something like my nav menu is my header... when i click any link from the menu it'll display it in the middle .. that way if I have to change anything on the nav menu .. the only thing i have to change is the menu and not all the pages the menu is on..

HEres my code.. sorry its kinda messy::


<html>

<head>
<style>

a.menuNav {
color:black;
text-decoration:none;
font:normal 5pt Verdana, Arial;
background:eek:range;
width:100%;
height:100%;
padding:2 2 2 2;/*use this here to give the space between links. (top,right,bottom,left)*/
}
a.menuNav:hover{
text-decoration:none;
background:#FFcc66;
color:black;
}


table.menu
{
font-size:100%;
position:absolute;
visibility:hidden;

}
</style>

<meta http-equiv=&quot;content-type&quot; content=&quot;text/html; charset=utf-8&quot;>
<title>SRW Home Page</title>


<!-- BEGIN HEAD COMPONENT -->
<script language=&quot;javascript&quot;>
var homePage = 'no';
</script>
<meta name=&quot;Keywords&quot; content=&quot;&quot;>
<script language=&quot;JavaScript&quot;>
<!--

// PLATFORM/BROWSER SNIFFER FOR STYLESHEET INCLUDE

var browser = navigator.appName;
var ie = &quot;Microsoft Internet Explorer&quot;;
var netscape = &quot;Netscape&quot;;
var os = navigator.platform;
var mac = 'MacPPC';
var pccsspath = &quot;corp/includes/dupont.css&quot;;
var maccsspath = &quot;corp/includes/dupontmac.css&quot;;

if (browser == netscape && os != mac) {
document.write('<link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; title=&quot;css&quot; href=&quot;/dupontglobal/corp/includes/dupont_nn.css&quot;>');
}
else if (browser == ie && os != mac) {
document.write('<link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; title=&quot;css&quot; href=&quot;/dupontglobal/corp/includes/dupont.css&quot;>');
}
else if (browser == netscape && os == mac) {
document.write('<link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; title=&quot;css&quot; href=&quot;/dupontglobal/corp/includes/dupont_nn.css&quot;>');
}
else if (browser == ie && os == mac) {
document.write('<link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; title=&quot;css&quot; href=&quot;/dupontglobal/corp/includes/dupontmac.css&quot;>');
}


// Dropdown Menu With Go Button navigating to page within site
function navigate() {
var menuIndex = document.formExplore.selectMenu.selectedIndex;
document.location = document.formExplore.selectMenu.options[menuIndex].value;
}

//-->
</script>
<script language=&quot;JavaScript1.2&quot; src=&quot;../includes/TopNav.js&quot;></script>
<!-- END HEAD COMPONENT -->
<style type=&quot;text/css&quot;>
<!--
@import url(&quot;-->
</style>
<!-- End 1st row nav (red nav) -->

<base target=&quot;middle&quot;>

<script type=&quot;text/javascript&quot;>
function showmenu(elmnt)
{
document.all(elmnt).style.visibility=&quot;visible&quot;
}

function hidemenu(elmnt)
{
document.all(elmnt).style.visibility=&quot;hidden&quot;
}
</script>

</head>
<body bgcolor=&quot;#ffffff&quot;>


<!-- BEGIN HEADER ROW -->
<table>
<tr>
<td width=&quot;750&quot; valign=&quot;top&quot;>


<!-- BEGIN HEADER COMPONENT -->

<table border=&quot;0&quot; width=&quot;750&quot; height=&quot;210&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;>

<!-- Begin Section Header and DuPont Logo -->
<!-- End Section Header and DuPont Logo -->
<tr>
<td height=&quot;210&quot;>
<table cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; border=&quot;0&quot; width=&quot;722&quot;>

<!-- BEGIN HEADER ROW -->
<tr>
<td width=&quot;750&quot;>

<!-- BEGIN HEADER COMPONENT -->

<table border=&quot;0&quot; width=&quot;764&quot; height=&quot;148&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;>

<!-- Begin Section Header and DuPont Logo -->
<tr>

<td align=&quot;left&quot; colspan=&quot;2&quot; valign=&quot;middle&quot; height=&quot;48&quot; width=&quot;414&quot;><a name=&quot;top&quot;></a><img border=&quot;0&quot; src=&quot;SabineBusiness.JPG&quot; width=&quot;234&quot; height=&quot;46&quot;></td>
<td align=&quot;right&quot; valign=&quot;middle&quot; height=&quot;48&quot; width=&quot;362&quot;></td>

</tr>
<!-- End Section Header and DuPont Logo -->
<tr>
<td colspan=&quot;3&quot; height=&quot;22&quot; width=&quot;778&quot;><img src=&quot; width=&quot;1&quot; height=&quot;20&quot; border=&quot;0&quot; alt=&quot;&quot;></td>
</tr>
<tr>
<td colspan=&quot;3&quot; height=&quot;78&quot; width=&quot;778&quot;>
<table cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; border=&quot;0&quot; width=&quot;780&quot;>
<!-- Begin Navigation Bar -->
<tr>
<!-- Begin Language/Country select -->

<td colspan=&quot;4&quot; class=&quot;body&quot; width=&quot;776&quot;><img src=&quot; height=&quot;21&quot; width=&quot;125&quot; border=&quot;0&quot;></td>

<!-- End Language/Country select -->
</tr>
<!-- Begin 1st row nav (red nav) -->
<tr>
<!-- Begin Search -->
<form name=&quot;seek1&quot; action=&quot;/NASApp/dupontglobal/corp/tmpl_search.jsp&quot; accept-charset=&quot;iso-8859-1&quot; method=&quot;GET&quot;><INPUT NAME=&quot;GXHC_gx_session_id_&quot; TYPE=&quot;HIDDEN&quot; VALUE=&quot;05925ad3c4edbaa8&quot; ><INPUT NAME=&quot;GXHC_lang&quot; TYPE=&quot;HIDDEN&quot; VALUE=&quot;en_US&quot; ><INPUT NAME=&quot;GXHC_ctry&quot; TYPE=&quot;HIDDEN&quot; VALUE=&quot;US&quot; >
<input type=hidden name=la value=&quot;en&quot;>
<input type=hidden name=col value=&quot;duptest&quot;>

<td rowspan=&quot;2&quot; width=&quot;370&quot;><img src=&quot; width=&quot;15&quot; height=&quot;1&quot; border=&quot;0&quot; alt=&quot;&quot;></td>
<td width=&quot;125&quot;><img src=&quot; <td width=&quot;125&quot;><img src=&quot; <td width=&quot;152&quot;><img src=&quot; </tr>
<tr>
<td valign=&quot;bottom&quot; width=&quot;125&quot;><img border=&quot;0&quot; src=&quot;epass_logo.bmp&quot; width=&quot;125&quot; height=&quot;25&quot;></td>
<td valign=&quot;bottom&quot; width=&quot;125&quot;><img border=&quot;0&quot; src=&quot;mail_logo.bmp&quot; width=&quot;125&quot; height=&quot;25&quot;></td>
<td valign=&quot;bottom&quot; width=&quot;152&quot;><img border=&quot;0&quot; src=&quot;diso_logo.bmp&quot; width=&quot;125&quot; height=&quot;25&quot;></td>
</form>
<!-- End Search -->
<!-- Begin 2nd row nav (grey nav) -->
</tr>

<tr>
<!-- Begin left curve and section title --><!-- End left curve and section title -->
<!-- Begin Section Header art --><!-- End Section Header art -->
<!-- Begin Worldwide graphics cell --><!-- End Worldwide graphics cell -->
</tr>

</table>

<!-- END HEADER COMPONENT -->

<!-- END HEADER ROW -->


<!-- BEGIN BREADCRUMB ROW --><!-- END BREADCRUMB ROW -->

<!-- BEGIN CONTENT ROW --><!-- END FOOTER ROW -->



<!-- BEGIN Keylime Limelight script -->

<SCRIPT LANGUAGE=&quot;JavaScript&quot;>
<!-- Keylime Software 4.1 13/07/2000
var kl_siteID = &quot;600&quot;;
var kl_tagProtocol = &quot;&quot;;
var kl_akamaipath = &quot;a1944.g.akamai.net/f/1944/1482/8h/&quot;;
if (location.protocol == &quot;https:&quot;)
{
kl_tagProtocol = &quot;s&quot;;
kl_akamaipath = &quot;a248.e.akamai.net/f/248/1482/8h/&quot;
}
var kl_tag = &quot;<SCR&quot; + &quot;IPT LANGUAGE='JavaScript' &quot; +
&quot;SRC=http&quot; + kl_tagProtocol + &quot;://&quot; + kl_akamaipath +
&quot;stats.klsoft.com/akamai/Site_&quot; + kl_siteID + kl_tagProtocol + &quot;_ePulse.js&quot; +
&quot;></SCR&quot; + &quot;IPT>&quot;;
document.write(kl_tag);
// -->
</SCRIPT>
<!-- END Keylime Limelight script -->



<table cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; border=&quot;0&quot; width=&quot;750&quot;>
<tr>

<td onmouseover=&quot;showmenu('menu1')&quot; onmouseout=&quot;hidemenu('menu1')&quot; width=&quot;127&quot; >
<img border=&quot;0&quot; src=&quot;business_logo.bmp&quot; width=&quot;125&quot; height=&quot;19&quot;><br />
<table class=&quot;menu&quot; id=&quot;menu1&quot; width=&quot;125&quot; cellspacing=&quot;1&quot; cellpadding=&quot;0&quot; >
<tr><td ><a class=&quot;menuNav&quot; href=&quot;../html&quot;><font size=&quot;1&quot; color=&quot;#000000&quot;>Adipure</a></font></td></tr>
<tr><td ><a class=&quot;menuNav&quot; href=&quot;../xhtml&quot;><font size=&quot;1&quot; color=&quot;#000000&quot;>BSD</a></td></tr>
<tr><td ><a class=&quot;menuNav&quot; href=&quot;../css&quot;><font size=&quot;1&quot; color=&quot;#000000&quot;>Building 5 NIL</a></td></tr>
<tr><td ><a class=&quot;menuNav&quot; href=&quot;../xml&quot;><font size=&quot;1&quot; color=&quot;#000000&quot;>CAD</a></td></tr>
<tr><td ><a class=&quot;menuNav&quot; href=&quot;../xsl&quot;><font size=&quot;1&quot; color=&quot;#000000&quot;>CDG</a></td></tr>
<tr><td ><a class=&quot;menuNav&quot; href=&quot;../xsl&quot;><font size=&quot;1&quot; color=&quot;#000000&quot;>CSD</a></td></tr>
<tr><td ><a class=&quot;menuNav&quot; href=&quot;../xsl&quot;><font size=&quot;1&quot; color=&quot;#000000&quot;>Diamine</a></td></tr>
<tr><td ><a class=&quot;menuNav&quot; href=&quot;../xsl&quot;><font size=&quot;1&quot; color=&quot;#000000&quot;>Environmental</a></td></tr>
<tr><td ><a class=&quot;menuNav&quot; href=&quot;../xsl&quot;><font size=&quot;1&quot; color=&quot;#000000&quot;>Ethylene</a></td></tr>
<tr><td ><a class=&quot;menuNav&quot; href=&quot;../xsl&quot;><font size=&quot;1&quot; color=&quot;#000000&quot;>Ethylene Copolymers Lab</a></td></tr>
<tr><td ><a class=&quot;menuNav&quot; href=&quot;../xsl&quot;><font size=&quot;1&quot; color=&quot;#000000&quot;>HMD</a></td></tr>
<tr><td ><a class=&quot;menuNav&quot; href=&quot;../xsl&quot;><font size=&quot;1&quot; color=&quot;#000000&quot;>Human Resources - DTI</a></td></tr>
<tr><td ><a class=&quot;menuNav&quot; href=&quot;../xsl&quot;><font size=&quot;1&quot; color=&quot;#000000&quot;>Human Resources - P&IP</a></td></tr>
<tr><td ><a class=&quot;menuNav&quot; href=&quot;../xsl&quot;><font size=&quot;1&quot; color=&quot;#000000&quot;>Incinerator</a></td></tr>
<tr><td ><a class=&quot;menuNav&quot; href=&quot;../xsl&quot;><font size=&quot;1&quot; color=&quot;#000000&quot;>Info System - DTI</a></td></tr>
<tr><td ><a class=&quot;menuNav&quot; href=&quot;../xsl&quot;><font size=&quot;1&quot; color=&quot;#000000&quot;>Info Technology - P&IP</a></td></tr>
<tr><td ><a class=&quot;menuNav&quot; href=&quot;../xsl&quot;><font size=&quot;1&quot; color=&quot;#000000&quot;>Power</a></td></tr>
<tr><td ><a class=&quot;menuNav&quot; href=&quot;../xsl&quot;><font size=&quot;1&quot; color=&quot;#000000&quot;>Research Lab B-568</a></td></tr>
<tr><td ><a class=&quot;menuNav&quot; href=&quot;../xsl&quot;><font size=&quot;1&quot; color=&quot;#000000&quot;>Safety & Occupational Health</a></td></tr>
<tr><td ><a class=&quot;menuNav&quot; href=&quot;../xsl&quot;><font size=&quot;1&quot; color=&quot;#000000&quot;>Site Training</a></td></tr>
<tr><td ><a class=&quot;menuNav&quot; href=&quot;../xsl&quot;><font size=&quot;1&quot; color=&quot;#000000&quot;>Site Servies</a></td></tr>

</table>
</td>

<td onmouseover=&quot;showmenu('menu2')&quot; onmouseout=&quot;hidemenu('menu2')&quot; width=&quot;127&quot; >
<img border=&quot;0&quot; src=&quot;teams_logo.bmp&quot; width=&quot;125&quot; height=&quot;19&quot;><br />
<table class=&quot;menu&quot; id=&quot;menu2&quot; width=&quot;125&quot; cellspacing=&quot;1&quot; cellpadding=&quot;0&quot; >
<tr><td ><a class=&quot;menuNav&quot; href=&quot;../html&quot;><font size=&quot;1&quot; color=&quot;#000000&quot;>Adipure SES CARE Team</a></td></tr>
<tr><td ><a class=&quot;menuNav&quot; href=&quot;../xhtml&quot;><font size=&quot;1&quot; color=&quot;#000000&quot;>DuPont Asian Group</a></td></tr>
<tr><td ><a class=&quot;menuNav&quot; href=&quot;../css&quot;><font size=&quot;1&quot; color=&quot;#000000&quot;>ESAC</a></td></tr>
<tr><td ><a class=&quot;menuNav&quot; href=&quot;../xml&quot;><font size=&quot;1&quot; color=&quot;#000000&quot;>FLS Network</a></td></tr>
<tr><td ><a class=&quot;menuNav&quot; href=&quot;../xsl&quot;><font size=&quot;1&quot; color=&quot;#000000&quot;>Material Handling Committee</a></td></tr>
<tr><td ><a class=&quot;menuNav&quot; href=&quot;../xsl&quot;><font size=&quot;1&quot; color=&quot;#000000&quot;>New Professionals Group</a></td></tr>
<tr><td ><a class=&quot;menuNav&quot; href=&quot;../xsl&quot;><font size=&quot;1&quot; color=&quot;#000000&quot;>Nylon Techincal Training</a></td></tr>
<tr><td ><a class=&quot;menuNav&quot; href=&quot;../xsl&quot;><font size=&quot;1&quot; color=&quot;#000000&quot;>P&IP</a></td></tr>
<tr><td ><a class=&quot;menuNav&quot; href=&quot;../xsl&quot;><font size=&quot;1&quot; color=&quot;#000000&quot;>P&IP Projects</a></td></tr>
<tr><td ><a class=&quot;menuNav&quot; href=&quot;../xsl&quot;><font size=&quot;1&quot; color=&quot;#000000&quot;>Resource Allocation Committee</a></td></tr>
<tr><td ><a class=&quot;menuNav&quot; href=&quot;../xsl&quot;><font size=&quot;1&quot; color=&quot;#000000&quot;>Sabine Black Network</a></td></tr>
<tr><td ><a class=&quot;menuNav&quot; href=&quot;../xsl&quot;><font size=&quot;1&quot; color=&quot;#000000&quot;>SAP DTI-Sabine</a></td></tr>
<tr><td ><a class=&quot;menuNav&quot; href=&quot;../xsl&quot;><font size=&quot;1&quot; color=&quot;#000000&quot;>SRW Women's Network</a></td></tr>
<tr><td ><a class=&quot;menuNav&quot; href=&quot;../xsl&quot;><font size=&quot;1&quot; color=&quot;#000000&quot;>Targeting Respect Team</a></td></tr>
<tr><td ><a class=&quot;menuNav&quot; href=&quot;../xsl&quot;><font size=&quot;1&quot; color=&quot;#000000&quot;>United Way</a></td></tr>

</table>
</td>

<td onmouseover=&quot;showmenu('menu3')&quot; onmouseout=&quot;hidemenu('menu3')&quot; width=&quot;127&quot; >
<img border=&quot;0&quot; src=&quot;general_logo.bmp&quot; width=&quot;125&quot; height=&quot;19&quot;><br />
<table class=&quot;menu&quot; id=&quot;menu3&quot; width=&quot;100%&quot; cellspacing=&quot;1&quot; cellpadding=&quot;0&quot; >
<tr><td ><a class=&quot;menuNav&quot; href=&quot;../html&quot;><font size=&quot;1&quot; color=&quot;#000000&quot;>Applause Award Nomination</a></td></tr>
<tr><td ><a class=&quot;menuNav&quot; href=&quot;../xhtml&quot;><font size=&quot;1&quot; color=&quot;#000000&quot;>Ariba Buyer</a></td></tr>
<tr><td ><a class=&quot;menuNav&quot; href=&quot;../css&quot;><font size=&quot;1&quot; color=&quot;#000000&quot;>Busniess Review</a></td></tr>
<tr><td ><a class=&quot;menuNav&quot; href=&quot;../xml&quot;><font size=&quot;1&quot; color=&quot;#000000&quot;>DuPont Network News</a></td></tr>
<tr><td ><a class=&quot;menuNav&quot; href=&quot;../xsl&quot;><font size=&quot;1&quot; color=&quot;#000000&quot;>E-Pass Info. Site</a></td></tr>
<tr><td ><a class=&quot;menuNav&quot; href=&quot;../xsl&quot;><font size=&quot;1&quot; color=&quot;#000000&quot;>EPrism</a></td></tr>
<tr><td ><a class=&quot;menuNav&quot; href=&quot;../xsl&quot;><font size=&quot;1&quot; color=&quot;#000000&quot;>General</a></td></tr>
<tr><td ><a class=&quot;menuNav&quot; href=&quot;../xsl&quot;><font size=&quot;1&quot; color=&quot;#000000&quot;>MSDS Central</a></td></tr>
<tr><td ><a class=&quot;menuNav&quot; href=&quot;../xsl&quot;><font size=&quot;1&quot; color=&quot;#000000&quot;>My eResources</a></td></tr>
<tr><td ><a class=&quot;menuNav&quot; href=&quot;../xsl&quot;><font size=&quot;1&quot; color=&quot;#000000&quot;>NI&S Quality Manuals</a></td></tr>
<tr><td ><a class=&quot;menuNav&quot; href=&quot;../xsl&quot;><font size=&quot;1&quot; color=&quot;#000000&quot;>Sabine Conv Ctrs (Alpha)</a></td></tr>
<tr><td ><a class=&quot;menuNav&quot; href=&quot;../xsl&quot;><font size=&quot;1&quot; color=&quot;#000000&quot;>Sabine Conv Ctrs (Comm)</a></td></tr>
<tr><td ><a class=&quot;menuNav&quot; href=&quot;../xsl&quot;><font size=&quot;1&quot; color=&quot;#000000&quot;>Swap Board</a></td></tr>
<tr><td ><a class=&quot;menuNav&quot; href=&quot;../xsl&quot;><font size=&quot;1&quot; color=&quot;#000000&quot;>VICOR Schedule</a></td></tr>
<tr><td ><a class=&quot;menuNav&quot; href=&quot;../xsl&quot;><font size=&quot;1&quot; color=&quot;#000000&quot;>XMS Home Page</a></td></tr>

</table>
</td>

<td onmouseover=&quot;showmenu('menu4')&quot; onmouseout=&quot;hidemenu('menu4')&quot; width=&quot;127&quot; >
<img border=&quot;0&quot; src=&quot;safety_logo.bmp&quot; width=&quot;125&quot; height=&quot;19&quot;><br />
<table class=&quot;menu&quot; id=&quot;menu4&quot; width=&quot;100%&quot; cellspacing=&quot;1&quot; cellpadding=&quot;0&quot; >
<tr><td ><a class=&quot;menuNav&quot; href=&quot;../html&quot;><font size=&quot;1&quot; color=&quot;#000000&quot;>DISO Home Page</a></td></tr>
<tr><td ><a class=&quot;menuNav&quot; href=&quot;../xhtml&quot;><font size=&quot;1&quot; color=&quot;#000000&quot;>DISO Guidelines</a></td></tr>
<tr><td ><a class=&quot;menuNav&quot; href=&quot;../css&quot;><font size=&quot;1&quot; color=&quot;#000000&quot;>Hazard Warning Labels Table</a></td></tr>
<tr><td ><a class=&quot;menuNav&quot; href=&quot;../xml&quot;><font size=&quot;1&quot; color=&quot;#000000&quot;>Info. Security Central</a></td></tr>
<tr><td ><a class=&quot;menuNav&quot; href=&quot;../xsl&quot;><font size=&quot;1&quot; color=&quot;#000000&quot;>Virus Hoax</a></td></tr>


</table>
</td>

<td onmouseover=&quot;showmenu('menu5')&quot; onmouseout=&quot;hidemenu('menu5')&quot; width=&quot;127&quot; >
<img border=&quot;0&quot; src=&quot;travel_logo.bmp&quot; width=&quot;125&quot; height=&quot;19&quot;><br />
<table class=&quot;menu&quot; id=&quot;menu5&quot; width=&quot;100%&quot; cellspacing=&quot;1&quot; cellpadding=&quot;0&quot; >
<tr><td ><a class=&quot;menuNav&quot; href=&quot;../html&quot;><font size=&quot;1&quot; color=&quot;#000000&quot;>Currency Converter</a></td></tr>
<tr><td ><a class=&quot;menuNav&quot; href=&quot;../xhtml&quot;><font size=&quot;1&quot; color=&quot;#000000&quot;>DuPont Travel Web</a></td></tr>
<tr><td ><a class=&quot;menuNav&quot; href=&quot;../css&quot;><font size=&quot;1&quot; color=&quot;#000000&quot;>International Travel</a></td></tr>
<tr><td ><a class=&quot;menuNav&quot; href=&quot;../xml&quot;><font size=&quot;1&quot; color=&quot;#000000&quot;>TX Road Conditions</a></td></tr>
<tr><td ><a class=&quot;menuNav&quot; href=&quot;../xsl&quot;><font size=&quot;1&quot; color=&quot;#000000&quot;>Weather - Orange,TX</a></td></tr>


</table>
</td>

<td onmouseover=&quot;showmenu('menu6')&quot; onmouseout=&quot;hidemenu('menu6')&quot; width=&quot;127&quot; >
<img border=&quot;0&quot; src=&quot;external_logo.bmp&quot; width=&quot;125&quot; height=&quot;19&quot;><br />
<table class=&quot;menu&quot; id=&quot;menu6&quot; width=&quot;100%&quot; cellspacing=&quot;1&quot; cellpadding=&quot;0&quot; >
<tr><td ><a class=&quot;menuNav&quot; href=&quot;../html&quot;><font size=&quot;1&quot; color=&quot;#000000&quot;>DuPont External Site</font></a></td></tr>
<tr><td ><a class=&quot;menuNav&quot; href=&quot;../xhtml&quot;><font size=&quot;1&quot; color=&quot;#000000&quot;>DuPont Fax Cover Sheet</font></a></td></tr>
<tr><td ><a class=&quot;menuNav&quot; href=&quot;../css&quot;><font size=&quot;1&quot; color=&quot;#000000&quot;>DuPont Human Resources</font></a></td></tr>
<tr><td ><a class=&quot;menuNav&quot; href=&quot;../xml&quot;><font size=&quot;1&quot; color=&quot;#000000&quot;>DuPont Stock Prices</font></a></td></tr>
<tr><td ><a class=&quot;menuNav&quot; href=&quot;../xsl&quot;><font size=&quot;1&quot; color=&quot;#000000&quot;>Off-Plant Info.</font></a></td></tr>

</table>
</td>
</tr>
</table>

</body>




THanks so much in advance...
 
Sort by date Sort by votes
Use {i}frames (spit!), or use SSI to include a menu on each page. Search this forum for SSI, or look in the FAQ, this question comes up regularly.

-- Chris Hunt
Extra Connections Ltd

The real world's OK for a visit, but you wouldn't want to LIVE there!
 
Upvote 0 Downvote
1. copy paste your whole menu code to an empty document.
2. use a Javascript Generator like
3. include a call to the function that writes the menu on top of every HTML page you have.
4. If changes are needed to the menu go to step 1 and because every page is pointing to the same function all will get the changes.


Note: the javascript generator will transform your contents to a single variable that you can use simple by
writing
document.write(txtMenu);

where txtMenu is the variable returned by the function generating the code.

grtfercho çB^]\..
&quot;Imagination is more important than Knowledge&quot; A. Einstein
 
Upvote 0 Downvote
kool thanks to you all.. I will give this a try

again thanks for responding
 
Upvote 0 Downvote
Careful with the SSI. Its *very* particular and on most servers that support it (no not all servers support it either), you have to use .stm, .shtm or .shtml file extentions.

<!--#include virtual=&quot;nav.html&quot; -->

That should be on its OWN line and should be prefectly like it is above, the --> should not connect to the rest of it.
I use SSI a lot on my site, it's very useful: minimises code and allows u to update particular aspects on 1 page to have effect on every page kinda like a sytlesheet I guess =P

~*Gwar3k1*~
&quot;To the pressure, everything's just like: an illusion. I'll be losing you before long...&quot;
 
Upvote 0 Downvote
grtfercho::

Is there some place I can go .. that may have a tutorial on this ?? your idea sounds good but I have no clue where to start... thanks
 
Upvote 0 Downvote
how would I know if my server supports SSI ??
 
Upvote 0 Downvote
Try it out is the best way.
Make a page with ONLY your menu script in. Label it up whatever.html (or again, whatever you want)

Make a page with a table, have two columns (one for your content, one for the menu)

<table>
<tr>
<td width=&quot;20%&quot;>
<!--#include virtual=&quot;menu.html&quot; -->
</td>
<td width=&quot;80%&quot;>
lalala
</td>
</tr>
</table>

Then save that page as whatever.shtml
Upload both pages to your space and go to whatever.shtml
If you get the menu and the content, it worked. If you get &quot;an error occured while processing this directive&quot; then you need to change the SSI line a bit (come back for help). If you get nothing but content, it didnt work and won't be supported.

Note: You cant test SSI without uploading it or using Personal Web Server (or equivalent).

Have fun

~*Gwar3k1*~
&quot;To the pressure, everything's just like: an illusion. I'll be losing you before long...&quot;
 
Upvote 0 Downvote
Thanks Gwar3k1.. will give this a try..
 
Upvote 0 Downvote
ok all i get is the lalala ... so in other words its not going to work on my server ?? in that case what else is there ??

thanks
 
Upvote 0 Downvote
dre313 I'm at work right now so I can not send you a full description on what to do. You have already all the elements in your code is just a matter of organizing things a little bit and using external files.
Please post a cleaner version of your code with some dummy contents and don't worry about the table that holds the menu I'll assume it doesn't change as long as you have something like
<!--menutable Comes here--->

I see there's a form with hidden values. What's the purpose of that.
What I'm trying to do here is just to get a hold of blocks of code should be common for all the website and which ones are relevant to the current page only.
I'll give it a look in a few.

grtfercho çB^]\..
&quot;Imagination is more important than Knowledge&quot; A. Einstein
 
Upvote 0 Downvote
It may work on your server... gwar's otherwise excellent example had one typo that would cause it not to work.

Instead of calling your menu file &quot;whatever.html&quot;, assuming you're using the code block he created you need to call your menu file &quot;menu.html&quot;.
 
Upvote 0 Downvote
gwar2k1

Careful with the SSI. Its *very* particular and on most servers that support it (no not all servers support it either), you have to use .stm, .shtm or .shtml file extentions.

Whats very particular about using a different file extension?

The reason this is done is so that a server does not need to parse every single file to see if any of about 10 different languages are used in it.

If you could only use one single file extension for every language then it would take forever for a page to load and the server would need to be rebooted every day or so due to the increased processor usage involved.

PHP, SSI, ASP, Coldfusion, Perl etc etc all use their own extensions for this reason so there is nothing &quot;very particular about SSI doing this.


<!--#include virtual=&quot;nav.html&quot; -->

That should be on its OWN line and should be prefectly like it is above, the --> should not connect to the rest of it.

This is simply wrong, there is no reason for SSI commands to be on their own line, they can appear anywhere in the code whether with other code surrounding it or on it's own line.

Hope this helps

Wullie


The pessimist complains about the wind. The optimist expects it to change.
The leader adjusts the sails. - John Maxwell
 
Upvote 0 Downvote
Yeah... youre meant to put youre content in lalala but w/e lol. Ask your server administrator if they support SSI and if so what extention you need.

You can make a frames page
Or
You can make a layout page that has a banner and menu (plus whatever else would repeat on pages) and use an iFrame, then target all the links into that. So you would have seperate pages for the content that show in the iFrame.



~*Gwar3k1*~
&quot;To the pressure, everything's just like: an illusion. I'll be losing you before long...&quot;
 
Upvote 0 Downvote
yea I changed it to menu.html.. not whatever.html.. and it didnt work =/
 
Upvote 0 Downvote
hehe dont take the example so literally...

<!--#include virtual=&quot;yourfilename.html&quot; -->

yourfilename.html is the name of your file that has the menu code in.

Could I just ask, who is your host?

~*Gwar3k1*~
&quot;To the pressure, everything's just like: an illusion. I'll be losing you before long...&quot;
 
Upvote 0 Downvote
acutally I'm on a local server here at work.. soo i have no clue.. and my menu file.. I have named according to my file. Thanks again for responding..
 
Upvote 0 Downvote
Dre313

Instead of messing with includes try this:

Check your webhosts website, if they support SSI whey will say so, they probably do.

- OR -

create a page called page.shtml
In that page put the following
<!--#echo var=&quot;REMOTE_ADDR&quot; -->

Then load page.shtml in your browser.
It should show your IP address, if it shows an error then it's still working.

SSI is very easy, the basics at least and you'll learn those in 5 minutes.







- É -
 
Upvote 0 Downvote
Wullie
I meant its particular in the sence it doesnt like having code surrounded by it. Ive had instances where Ive surrounded the code with other code and its produced the error message. Its better to put it on its own line. Ive never had the error when Ive done it that way.


~*Gwar3k1*~
&quot;To the pressure, everything's just like: an illusion. I'll be losing you before long...&quot;
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

pa2nc
  • Locked
  • Question
WordPress Menu Question
Replies
0
Views
162
pa2nc
pa2nc
Pyrrhus
  • Locked
  • Question
Filezilla multiple directories question. 3
Replies
8
Views
136
spamjim
spamjim
neronikita
  • Locked
  • Question
General Question about Direction to take for new Web page
Replies
2
Views
110
neronikita
neronikita
spamjim
  • Locked
  • Question
Legal question about proxied content
Replies
3
Views
94
spamjim
spamjim
Jtorres13
  • Locked
  • Question
General web design question, .JSP vs .HTML
Replies
6
Views
95
spamjim
spamjim

Part and Inventory Search

Sponsor

Back
Top