how do set up a javascript linked nav bar?

[porzant]

ive tried lots of help sites, but dont know how to do it. this is my html nav bar.

<table border="5"><tr><td><font face="Comic Sans MS" font size="2"><a href="http://www.freewebs.com/chrome_warriors/Chrome%20Warriors.html"><font style="color:#C0C0C0">Home</a></td></tr><tr><td><font face="Comic Sans MS" font size="2"><a href="http://www.freewebs.com/chrome_warriors/Chrome%20Warriors%20Members.html"><font style="color:#C0C0C0">Members</a></td></tr><tr><td><font face="Comic Sans MS" font size="2"><a href="http://www.freewebs.com/chrome_warriors/Chrome%20Warriors%20Events.html"><font style="color:#C0C0C0">Events</a></td></tr><tr><td><font face="Comic Sans MS" font size="2"><a href="http://www.freewebs.com/chrome_warriors/Chrome%20Warriors%20History.html"><font style="color:#C0C0C0">History</a></td></tr><tr><td><font face="Comic Sans MS" font size="2"><a href="http://www.freewebs.com/chrome_warriorsa/Application.html"><font style="color:#C0C0C0">Application</a></td></tr><tr><td><font face="Comic Sans MS" font size="2"><a href="http://www.freewebs.com/chrome_warriors/Stats.html"><font style="color:#C0C0C0">Stats</a></td></tr><tr><td><font face="Comic Sans MS" font size="2"><a href="http://www.freewebs.com/chrome_warriors/Chrome%20Warriors%20Forum.html"><font style="color:#C0C0C0">Forum</a></td></tr><tr><td><font face="Comic Sans MS" font size="2"><a href="http://www.freewebs.com/chrome_warriors/Videos.html"><font style="color:#C0C0C0">Videos</a></td></tr></table>

I have this on lots of pages, so it is annoying when i have to change it. could somebody please write the javascript code i would put into each page, linking it to this (so it displays on the page), and i would only have to change this for it to change on all of the other pages.thx for the help

Edited April 21, 2006 by Jonas

[porzant]

looking at this post: http://w3schools.invisionzone.com/index.php?showtopic=2845 i think it is the kind of thing i want, so this is what it looks like now:

document.write(" \ <a href ="http://www.freewebs.com/chrome_warriors/Chrome%20Warriors.html" >Home \  <p></p> \ <a href ="http://www.freewebs.com/chrome_warriors/Chrome%20Warriors%20Members.html" >Members \  <p></p> \ <a href ="http://www.freewebs.com/chrome_warriors/Chrome%20Warriors%20Events.html" >Events \  <p></p> \ <a href ="http://www.freewebs.com/chrome_warriors/Chrome%20Warriors%20History.html" >History \ <a href ="http://www.freewebs.com/chrome_warriorsa/Application.html" >Application \  <p></p> \   <a href ="http://www.freewebs.com/chrome_warriors/Stats.html" >Stats \  <p></p> \   <a href ="http://www.freewebs.com/chrome_warriors/Chrome%20Warriors%20Forum.html">Forum \  <p></p> \ <a href ="http://www.freewebs.com/chrome_warriors/Videos.html" >Videos\  <p></p>  \ ")

[scott100]

a document.write cannot be broken over several lines, either put it all on one line or use more than one document.writeAfter that save it and link it as an external.js http://www.w3schools.com/js/js_whereto.asp

[porzant]

so would this work now?

document.write("<div class = "body"> \document.write<a class="body" href ="http://www.freewebs.com/chrome_warriors/Chrome%20Warriors.html">Home\document.write<p></p> \document.write <a class="body" href ="http://www.freewebs.com/chrome_warriors/Chrome%20Warriors%20Members.html" >Members \document.write<p></p> \document.write <a class="body" href ="http://www.freewebs.com/chrome_warriors/Chrome%20Warriors%20Events.html" >Events \document.write<p></p> \document.write <a class="body" href ="http://www.freewebs.com/chrome_warriors/Chrome%20Warriors%20History.html" >History \document.write<a class="body"href="http://www.freewebs.com/chrome_warriorsa/Application.html">Application \document.write<p></p> \document.write <a class="body" href ="http://www.freewebs.com/chrome_warriors/Stats.html" >Stats \document.write<p></p> \   document.write <a class="body" href ="http://www.freewebs.com/chrome_warriors/Chrome%20Warriors%20Forum.html">Forum \document.write<p></p> \document.write <a class="body" href ="http://www.freewebs.com/chrome_warriors/Videos.html" >Videos\document.write<p></p>  \ </div>")

[scott100]

something like this: document.write('<div class="body">');document.write('<a class="body" href="#">Home</a>');document.write('<a class="body" href="#">Members</a>');document.write('<a class="body" href="#">Events</a>');document.write('<a class="body" href="#">History</a>');document.write('<a class="body" href="#">Application</a>');document.write('<a class="body" href="#">Stats</a>');document.write('<a class="body" href="#">Forum</a>');document.write('<a class="body" href="#">Videos</a>');document.write('</div>');

[xmfClick]

The problem with generating something as fundamental as a nav bar in javascript is that it leaves anyone who has javascript disabled without a nav bar. If you have to include the exact same thing in many HTML files, I'd suggest you research INCLUDE files (though whether you can use them or not depends on things like what server you are using, and what language if any). Hope this helps.

[aspnetguy]

you can use

<!-- #include file="navbarcode.html" -->

You just need to name all the pages that use this code to filename.shtml