/    Sign up×
Community /Pin to ProfileBookmark

Navigation

Copy linkTweet thisAlerts:
Dec 17.2002

I am building a site with quite a lot of pages which would be added to every month.
I would like to have a drop down menu on every page that would link to all my pages.
But the problem would be that when I added a new page I would have to go into every page on site and change it.
Is there a way to change one link in menu so it affects all menus on every other page.

Or is there any suggestions? On This Kind Of Navigation?
I would like to put all these links into a drop down menu.

[url]http://amazing.as/johnmacsusatravel/USAMENU.html[/url]

Thanks

to post a comment
HTML

8 Comments(s) ↴

Copy linkTweet thisAlerts:
@StefanDec 17.2002 — Do you have access to serverside methods (eg SSI, ASP, PHP, CGI etc) to include sections onto your page from extarnal files?

If not your best solution is probably to use frames or iframes to link to an external navigation menu.

There are other clientside options too, but these two are the most crossbrowser methods.
Copy linkTweet thisAlerts:
@Robert_WellockDec 17.2002 — The best solution I can think of is using server-side technology like Server Side Includes (SSI), or PHP.

I assume you are using an Apache server, if so it is likely you'll have one or the other SSI is the easier one to use.

An example of SSI command would be like <!--#include file="sample.txt"--> which would inset the contents of a file called sample.txt into your document. You might have to covert your *.htm to *.shtml to get it to work on your server.

Stefan is too fast at typing ?.
Copy linkTweet thisAlerts:
@macman50ukauthorDec 17.2002 — Thanks Stefan I Will Try My Best To Look Into This And Try To Get Help From College To Implement This
Copy linkTweet thisAlerts:
@NedalsDec 18.2002 — If you are using dropdown menus, then you are probably using DHTML to create the dropdowns.

A simple solution is to put the menu contents into an external .js file which will be used by all pages. All you need to do now is to update the external .js file and all you pages will now have the new dropdowns.

HierMenus uses this technique. I'm not sure where you find it but a simple 'google' search should get you there.

Hope this helps!
Copy linkTweet thisAlerts:
@StefanDec 18.2002 — [i]Originally posted by nedals [/i]

[B]If you are using dropdown menus, then you are probably using DHTML to create the dropdowns.



A simple solution is to put the menu contents into an external .js file which will be used by all pages. All you need to do now is to update the external .js file and all you pages will now have the new dropdowns.



HierMenus uses this technique. I'm not sure where you find it but a simple 'google' search should get you there.



Hope this helps! [/B][/QUOTE]

Relying on JavaScript for the site navigation to even work is very very very bad.

The navigation is about the most important thing on your entire site and should never be left to rely on client side scripting.

That said, if you provide a proper <noscript> backup on every page, eg a link to a plain html site map, then this combination might be a usable option.

In any case you can make dropdown menus purely in CSS too. The obvious benefit of that is of cource that if JavaScriopt or even CSS is not available the navigation will still work. That IMO makes them clearly superior to any JS hiermenus.
Copy linkTweet thisAlerts:
@macman50ukauthorDec 18.2002 — Thanks again Steffan.

I think the simplest solution would be provide a proper <noscript> backup on every page, eg a link to a plain html site map, then this combination might be a usable option.

This idea will work for me. I will try that.

Thanks Once Again.
Copy linkTweet thisAlerts:
@Robert_WellockDec 19.2002 — I see, one was originally thinking more on the lines of a dropdown navigation menu inserted via SSI within a form using PHP script for action, rather than JavaScript, so it wouldn't break in a non-JavaScript enabled browser.

&lt;?
if($inchoice=="XHTML")
header("Location: <a href="http://www.xhtmlcoder.com/">http://www.xhtmlcoder.com/</a>");
if($inchoice=="W3C")
header("Location: <a href="http://www.w3c.org/">http://www.w3c.org/</a>");
?&gt;

Yes, the Pure CSS solution is very good as long as you don't use Micro$oft Explorer, then it degrades gracefully.
Copy linkTweet thisAlerts:
@macman50ukauthorDec 20.2002 — Thanks Robert And Everyone, I am now working on new navigation system to add to my revamped site layout for late January 2003.
×

Success!

Help @macman50uk spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 6.16,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...