Back To Start Of Archive
Taken From The Forum: Archived Topics for the old Version 3.0 JavaScript Menu
Forum Topic: Click to view post
Last Updated: Saturday July 14 2012 - 06:07:43
I am a newbie at all of this Please help!!!
Poster: ec
Dated: Friday September 13 2002 - 5:35:27 BST
I am just learning about all of this web design and I had a question about the script for the scrolling nav bar. I have been using Front Page 2002 and I am learning Dreamweaver UltraDev 4 (Just started) I have a current nav bar that I really like and I would like to keep it. I would like to make it scroll down the page but I am not sure how to manipulate the script so that it will use the bar I have. Heck I am not sure how to paste the script in correctly. My site is currently in Front Page 2002 and as I get more comfortable with DW 4 I will switch it over or recreate. I have shared boarders on in the FP 02 and the nav bar is in the boarder. I can't seem to figure out how to attach the script to the bar. When I switch to the html view in FP I can't even find the code for the nav bar nor can I find any coding for the shared boarders.
Should I ditch the boarders and put a nav bar on each page?
Any help would be wonderful.
Thank you in advance
E
Poster: John
Dated: Saturday September 14 2002 - 20:01:58 BST
ec -
Since you didn't provide a URL for us to work with (always do that), I'm going to have to make some assumptions on what you're looking for.
First a general comment (from me, not the menu folks) - get off FP Really makes it tough to work with the code, and manages to over-write stuff you put in anyway. Junk (IMHO). Also, since you already have UltraDev why not move up to Studio MX? You'll get a special upgrade price and it's a great product.
As for 'pasting in the script' - don't. Stick the files (array and mmenu) anywhere on your disk and just call them as the first items in your <body>...
Code:
<script language="JavaScript" src="/sai/templates/menu_array.cfm" type="text/javascript"></script>
<script language="JavaScript" src="/sai/templates/mmenu.js" type="text/javascript"></script>
<script language="JavaScript" src="/sai/templates/mmenu.js" type="text/javascript"></script>
Adjust for your location, of course.
Assumption - you now have a graphic menu you would like to keep as the main menu and add subs from this script to that? If correct, see http://westcgi.west.asu.edu/sai/ as an example. That menu was originally a single graphic contained in a table cell. Now it is 5 separate graphics that scroll down the page and pop subs off each as needed. Make the individual graphics and call them in the menu like this...
Code:
,"<img border=0 src=/sai/graphics/home.jpg>","show-menu=home",,,1
,"<img border=0 src=/sai/graphics/staff.jpg>","show-menu=staff",,,1
,"<img border=0 src=/sai/graphics/tech.jpg>","show-menu=tech",,,1
,"<img border=0 src=/sai/graphics/edit.jpg>","show-menu=edit",,,1
,"<img border=0 src=/sai/graphics/about.jpg>","show-menu=about",,,1
,"<img border=0 src=/sai/graphics/staff.jpg>","show-menu=staff",,,1
,"<img border=0 src=/sai/graphics/tech.jpg>","show-menu=tech",,,1
,"<img border=0 src=/sai/graphics/edit.jpg>","show-menu=edit",,,1
,"<img border=0 src=/sai/graphics/about.jpg>","show-menu=about",,,1
Place them on your page as necessary (the code above puts them in a horizontal format with a divider between each), then adjust your subs for their placement.
The comments Andy has provided in the array file should help you understand what each item does.