Scripting menu help...

[justinw]

I have decided to change my site and break out of the frames. But I still want the option of being able to edit the menu look at all times. I have been speaking to one of the Web Developer's with my host company and he suggested I have a .js include file on all my pages.

Now that I all understand and of how to place code in my pages; but I still want to know if I can achieve the same design effect I currently have. If you view my site (www.empangenispca.co.za) and see the menu on the left; that's what I want.

Also: If I do place the menu include; do I have to make it appear in a table - eg: menu in left cell and page content in right cell?

Thanks in advance!

[mikmik]

Here you go:
http://factor1.net/spca/jsmenu.html

Just place this where you want the menu, in a table cell or wherever, you can play around the alignment, but it is straight forward.

<script type="text/javascript" src="menu.js"></script>

Put in each page.
To update your menu, open 'menu.js' with your text editor, and you will be able to repeat or delete (it rhymes!) what is there.
Just use the "File" menu, and then "Save as"-web page complete to get the page.

[mikmik]

I guess I should tell you what I did, so you can do it anytime!

<div style="margin: 1px; width: 140;" align="center">
<div class="menu">Home</div>
<div class="menu">About Us</div>
<div class="menu">Animal Care</div>
<div class="menu">Branches</div>
<div class="menu">Can You Help?</div>
<div class="menu">Guestbook</div>
<div class="menu">News</div>
<div class="menu">Objectives</div>
<div class="menu">Tariffs</div>
<div class="menu">Toby's Fund</div>
<div class="menu">Contact Us</div>
</div></body>

(I had to add an 'x' to the 'a' to get this to render properly in this post!)
All the code in red gets replaced by the "menu.js" include.

To make the include, I just copied all the red stuff, went to Google, and searched for 'html to javascript convert'.
I went to the first one that returned in the search - then just pasted the html code into the box and clicked 'generate'.
Then I copied and pasted that code into a .txt document(with notepad) and saved as "menu.js".

Don't forget to change the "TARGET="RIGHT"" in the menu.js if you change from frames to a single page!

[justinw]

Thank you very much mikmik!