/    Sign up×
Community /Pin to ProfileBookmark

JavaScript drop down menu vs. CSS drop down menu

Copy linkTweet thisAlerts:
Aug 27.2007

I’ve noticed that most all of the discussions about drop down menus are moving towards CSS generated menus using the UI and UL tags. I have one major problem with this type of menu.

Site changes.

What happens when you need to update a link or change a menu?

As I see it you would need to go to every page and change each link or menu item.

I suppose that would be fine if you had 5 to 10 pages, but in my case that would involve updating 600 pages.

But using a JavaScript external file all I need to change is the link and the menu and it propagates site wide.

I see no advantage in using a CSS drop down menu over JavaScript.

Maybe I’m just old fasioned!

to post a comment
JavaScript

3 Comments(s) ↴

Copy linkTweet thisAlerts:
@JPnycAug 27.2007 — you use a server-side include for the navigation, or for anything that will appear on every page. That way you have to change only one file. Writing a navigation dynamically with JavaScript absolutely kills search engine rankings. Not to mention that someone without JavaScript can't use your site at all.

The search engine friendly JavaScript menus require that the menu be hardcoded into the page, and then merely hidden/shown with JavaScript. Those don't adversely affect search engine rankings at all.
Copy linkTweet thisAlerts:
@jdbennett1955authorAug 27.2007 — I'm not sure what you mean by Server Side Include for navigation and anything that will appear on every page.

Do you have any links for good tutorials or How To pages?

As for SEO I am getting #1 organic ratings on Google, Yahoo, and MSN for my keyword phrases.

I also use alt text and redundant text links on my 12 main pages for people who don't have JavaScript enabled browsers
Copy linkTweet thisAlerts:
@JPnycAug 27.2007 — Here's one. Here's another, and here is one that shows PHP includes
×

Success!

Help @jdbennett1955 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.17,
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,
)...