?
Solved

Easiest way to update navigation menu

Posted on 2008-06-21
6
Medium Priority
?
521 Views
Last Modified: 2009-02-19
am using the following codes for my navigation menu.

http://www.dynamicdrive.com/style/csslibrary/item/image-marker-list-menu/

I have about 9 web pages that linked to the navigation menu. Everytime I makes some changes, I have to update those 9 webpages one by one. Is there anyway to allow me just update the navigation menu and it will auto reflect to all 9 webpages?

I did google search, it seems like the easiest way it to copy whole navigation menu codes and save it to anothter navmenu htm. Then link the navmenu htm to each webpages. I tried it out and couldn't make it happen.

Please help.

Thanks
0
Comment
Question by:rowfei
  • 3
  • 2
6 Comments
 
LVL 1

Expert Comment

by:sgerling
ID: 21839713
Do you know what kind of web server software your website runs on?  If it's Apache, and server side includes are enabled, you can use this code:

<!--#include virtual="/yourmenu.html" -->

Depending on the configuration of the server, you may or may not have to change the extension of your pages to .shtml for it to execute the include.
0
 

Author Comment

by:rowfei
ID: 21839768
I really don't know. Is anyway that I can find it out by myself?
0
 
LVL 1

Expert Comment

by:sgerling
ID: 21839830
I would suggest trying it and see what happens.  If it fails then your server probably doesn't support service side includes.  You could also call your hosting provider or look on their website to find out what they are running.
0
What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

 

Author Comment

by:rowfei
ID: 21839883
I save the following codes to navmenu.htm.

<ul class="markermenu">
<li><a href="http://www.dynamicdrive.com/" >Dynamic Drive</a></li>
<li><a href="http://www.dynamicdrive.com/style/" >CSS Library</a></li>
<li><a href="http://www.javascriptkit.com/jsref/">JavaScript Reference</a></li>
<li><a href="http://www.javascriptkit.com/domref/">DOM  Reference</a></li>
<li><a href="http://www.cssdrive.com">CSS Drive</a></li>
<li><a href="http://www.codingforums.com/" style="border-bottom-width: 0">Coding Forums</a></li>            
</ul>


Then put the <!--#include virtual="/navmenu.html" --> to replace the navigation menu codes in the index html. First I preview in the folder and all the format doesn't looks right. Then I tried it to the webhost and looks the same. No navigation menu and even other header and footer.

Any idea?
0
 
LVL 1

Accepted Solution

by:
sgerling earned 1200 total points
ID: 21839918
Previewing most likely will not work on your local system.  Try renaming index.html to index.shtml and uploading.  If it still doesn't work then either your host uses a platform that doesn't support SSI, or SSI processing isn't enabled.  Unfortunately this is the only method with which I have experience.
0
 
LVL 13

Assisted Solution

by:brundo
brundo earned 800 total points
ID: 21841978
An easy way to have all the common parts of all the pages of your website in one file is by using dynamic web templates. You can link new or existing web pages to a dynamic web template and, when you change it, all those pages will be changed.

There are instructions for beginners at:
- http://office.microsoft.com/en-us/frontpage/HA011872171033.aspx 

... or at:
- http://office.microsoft.com/en-us/frontpage/HA010775891033.aspx and
- http://office.microsoft.com/en-us/frontpage/HA010830191033.aspx.

It has nothing to do with server, all the changes will be done at your local computer (and then, when you want, published to server).
0

Featured Post

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

What is Node.js? Node.js is a server side scripting language much like PHP or ASP but is used to implement the complete package of HTTP webserver and application framework. The difference is that Node.js’s execution engine is asynchronous and event…
Introduction Since I wrote the original article about Handling Date and Time in PHP and MySQL several years ago, it seemed like now was a good time to update it for object-oriented PHP.  This article does that, replacing as much as possible the pr…
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.
Suggested Courses

850 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question