?
Solved

Easiest way to update navigation menu

Posted on 2008-06-21
6
Medium Priority
?
498 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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
Optimize your web performance

What's in the eBook?
- Full list of reasons for poor performance
- Ultimate measures to speed things up
- Primary web monitoring types
- KPIs you should be monitoring in order to increase your ROI

 

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

Get 15 Days FREE Full-Featured Trial

Benefit from a mission critical IT monitoring with Monitis Premium or get it FREE for your entry level monitoring needs.
-Over 200,000 users
-More than 300,000 websites monitored
-Used in 197 countries
-Recommended by 98% of users

Question has a verified solution.

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

A publishing tool, a Version Control System, or a Collaboration Platform! These can be some of the defining words for the two very famous web-hosting Git repositories: Bitbucket and Github. Git is widely used amongst the programmers and developers f…
SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
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.
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).
Suggested Courses

752 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