Reply
Accessible JavaScript drop down menu
Old 05-29-2006, 04:37 AM Accessible JavaScript drop down menu
Moldarin's Avatar
Extreme Talker

Latest Blog Post:
Keyword Density and Title Tags
Posts: 200
Hi,

Can anyone good with JavaScript please writ or direct me to a script which works similar to the one at the Opera Community site.

That menu have a JavaScript that only inserts code if the browser/reader supports reading JavaScripts.

Study the menu a little and you will realize how well written it is.

Anyhow, that one is copyrighted by Opera Software ASA. I need something as-good-as which isn't copyrighted or licensed with a more free and open license.

Can anyone help?

And please do study the menu at Opera Community before answering (it's brilliant!)!
__________________
I do not share ad revenue.
Moldarin is offline
Reply With Quote
View Public Profile
 
When You Register, These Ads Go Away!
Old 05-29-2006, 06:14 AM Re: Accessible JavaScript drop down menu
chrishirst's Avatar
Super Moderator

Latest Blog Post:
Am I impressed or what?
Posts: 14,864
Location: Blackpool. UK
Quote:
That menu have a JavaScript that only inserts code if the browser/reader supports reading JavaScripts.
As would any javascript menu.

I'm not seeing at all what makes you consider this menu "accessible". It's similar to most "suckerfish" derivations, in that if javascript is disabled the "drop downs" don't.

Would you elaborate a little
__________________
Chris. ->> Links are advertising NOT optimising!! <<-
Indifference will be the downfall of mankind, but who cares?
Code Samples | People Counting System
chrishirst is offline
Reply With Quote
View Public Profile Visit chrishirst's homepage!
 
Old 05-29-2006, 08:09 AM Re: Accessible JavaScript drop down menu
Moldarin's Avatar
Extreme Talker

Latest Blog Post:
Keyword Density and Title Tags
Posts: 200
Well. Look at the source. No script nor extra script information is insertet into the document without support.

And it is keyboard accessibile.
__________________
I do not share ad revenue.
Moldarin is offline
Reply With Quote
View Public Profile
 
Old 05-29-2006, 09:14 AM Re: Accessible JavaScript drop down menu
chrishirst's Avatar
Super Moderator

Latest Blog Post:
Am I impressed or what?
Posts: 14,864
Location: Blackpool. UK
I don't understand what you mean? The source code is exactly the same with or without javascript (as it would be)

am I missing something or are you thinking javascript works in a different way to how it actually does?

javascript does not insert code or elements physically into the document only into the browsers interpretation of the document in the client machines memory.

Keyboard access is not a big deal either all it takes is the addition of an accesskey attribute to the anchor <a> tags. It just means the designer thought about it
__________________
Chris. ->> Links are advertising NOT optimising!! <<-
Indifference will be the downfall of mankind, but who cares?
Code Samples | People Counting System
chrishirst is offline
Reply With Quote
View Public Profile Visit chrishirst's homepage!
 
Old 05-29-2006, 09:28 AM Re: Accessible JavaScript drop down menu
Moldarin's Avatar
Extreme Talker

Latest Blog Post:
Keyword Density and Title Tags
Posts: 200
I really, really do not like you.

You are always being rude on this forum.

Take a closer look at the menu and how its embeded into the site.
__________________
I do not share ad revenue.
Moldarin is offline
Reply With Quote
View Public Profile
 
Old 05-29-2006, 10:36 AM Re: Accessible JavaScript drop down menu
chrishirst's Avatar
Super Moderator

Latest Blog Post:
Am I impressed or what?
Posts: 14,864
Location: Blackpool. UK
Quote:
I really, really do not like you.
That is of course your perogative.

Quote:
You are always being rude on this forum.
Not sure how you equate pointing out flaws in your thinking to being rude, but heyho maybe a cultural/language difference.

If I have missed something in the source code between a javascript enabled browser and a javascript disabled one, please post the code.
Other than that the line that embeds the menu is this one
HTML Code:
<script src="/community/js/menu.js" type="text/javascript"></script>
the javascript in that file creates an element in the DOM using scripting rather than the more commonly seen method of simply making an existing element visible with DHTML. Is this is what you are meaning.
__________________
Chris. ->> Links are advertising NOT optimising!! <<-
Indifference will be the downfall of mankind, but who cares?
Code Samples | People Counting System
chrishirst is offline
Reply With Quote
View Public Profile Visit chrishirst's homepage!
 
Old 05-29-2006, 05:20 PM Re: Accessible JavaScript drop down menu
vangogh's Avatar
Post Impressionist

Posts: 8,923
Name: Steven Bradley
Location: Boulder, Colorado
Moldarin, I'm not sure I'm completely understanding what you're looking for. When you say this menu isn't embedding anything into the document do you mean that the links in the submenus haven't been coded directly into the source?

If so I think it's just because they're in the JavaScript file and regardless of whether or not JavaScript is enabled they won't appear in the html source code. Is that what you mean? Forgive me if I'm misunderstanding. If I am misunderstanding could you point to a site that has a menu that does embed the extra information so I can compare.

I do think it's just like Chris is saying here, but again I may just be misunderstanding.

As for the keyboard accessibility that us just the addtion of the accesskey attribute. It's a nice feature, but it's not part of the javascript menu. It's just something that was added to the main links in the navigation bar. The code is in the html source for the page and isn't part of the JavaScript menu.
__________________
l Search Engine Friendly Web Design | Van SEO Design
l Tips On Marketing, SEO, Design, and Development | TheVanBlog
l Custom WordPress Themes
| Small Business Forum
vangogh is offline
Reply With Quote
View Public Profile Visit vangogh's homepage!
 
Reply     « Reply to Accessible JavaScript drop down menu
 

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off




   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML

 


Page generated in 0.14309 seconds with 12 queries