Re: [WSG] Oh, the humanity!

[Rick Faaberg]

On 7/12/04 11:22 PM "Chris Stratford" <[EMAIL PROTECTED]> sent this out:

> http://www.allmusic.com

> Nah i see it...
> 
> :S
> 
> Ahhh terrible...
> 
> Off with teh person in charges head!


This thread will be closed real soon I'd bet, but that site basically p*ss*d
me off. Makes me redouble my standards-thinking efforts.

What an idiotic website that is.

Rick Faaberg

*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
* 

Re: [WSG] Oh, the humanity!

[Chris Stratford]

Nah i see it...

:S

Ahhh terrible...

Off with teh person in charges head!

Nick Gleitzman wrote:
On
Tuesday, Jul 13, 2004, at 11:50 Australia/Sydney, Rev. Bob 'Bob'
Crispen wrote:
  
  
  Just in case anybody asks you, "but how do
you *know* the Allmusic Guide is lame?" and you don't have one of Scott
Yanow's reviews handy, now you have the definitive answer. Just click!
. Besides being insanely slow and
buggy, the new AMG site has this notice in bright yellow at the top of
every > page:


Notice: You are accessing allmusic.com with a browser that is not
currently supported. The appearance and functionality of the site could
be impacted. allmusic.com is optimized for Internet Explorer 5.5 and
above for Windows.

  
  
Uhh.. yeah. Had to see for myself, and didn't even get as far as the
notice (was maybe going to send them a nice constructive email); all I
got was "Error 2 Timeout". Outstanding. Maybe they've already pulled
the site?
  
  
Nick
  
___
  
Omnivision. Websight.
  
http://www.omnivision.com.au/
  
  
*
  
The discussion list for http://webstandardsgroup.org/
  
See http://webstandardsgroup.org/mail/guidelines.cfm
  
for some hints on posting to the list & getting help
  
* 
  
  
  

Re: [WSG] Oh, the humanity!

[Nick Gleitzman]

On Tuesday, Jul 13, 2004, at 11:50 Australia/Sydney, Rev. Bob 'Bob' 
Crispen wrote:

Just in case anybody asks you, "but how do you *know* the Allmusic 
Guide is lame?" and you don't have one of Scott Yanow's reviews handy, 
now you have the definitive answer. Just click! 
. Besides being insanely slow and buggy, the 
new AMG site has this notice in bright yellow at the top of every > page:

Notice: You are accessing allmusic.com with a browser that is not 
currently supported. The appearance and functionality of the site 
could be impacted. allmusic.com is optimized for Internet Explorer 5.5 
and above for Windows.
Uhh.. yeah. Had to see for myself, and didn't even get as far as the 
notice (was maybe going to send them a nice constructive email); all I 
got was "Error 2 Timeout". Outstanding. Maybe they've already pulled 
the site?

Nick
___
Omnivision. Websight.
http://www.omnivision.com.au/
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
* 

[WSG] Oh, the humanity!

[Rev. Bob 'Bob' Crispen]

Just in case anybody asks you, "but how do you *know* the Allmusic Guide 
is lame?" and you don't have one of Scott Yanow's reviews handy, now you 
have the definitive answer. Just click! . 
Besides being insanely slow and buggy, the new AMG site has this notice 
in bright yellow at the top of every page:

Notice: You are accessing allmusic.com with a browser that is not 
currently supported. The appearance and functionality of the site could 
be impacted. allmusic.com is optimized for Internet Explorer 5.5 and 
above for Windows.

I mean, it's bad enough that they're launching an MSIE-preferred site at 
the very moment that everybody and his dog are jumping *off* MSIE.  It's 
bad enough that for more than a year everybody has been going standards 
and accessibility and these guys spent perfectly good money and what 
they got was an old-school tag-soup site.  But browser checking??? 
That's *so* 1997!

Does it validate? you ask. (You are Stoner Smurf, aren't you?)  You must 
be mad.  Is it accessible?  Let's ask Cynthia (you'll have to type it in 
yourself, but trust me, it's spectacular).

OK, slow, invalid, unaccessible.  All we need is the lava lamps.  Way to 
go, AMG!

The original of this article (with a few more links -- you can tell what 
they are from the context) is on my blog, which, lacking all sense of 
common decency, I now shamelessly promote: 

--
Rev. Bob "Bob" Crispen
bob at crispen dot org
Ex Cathedra Weblog: http://blog.crispen.org/

Don't ask yourself what the world needs - ask yourself what makes you
come alive, and then go do it. Because what the world needs is people
who have come alive. -- Howard Thurman
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
* 

Re: [WSG] setting width for s when inline

[design]

By adding " float: left; " to your  class all your 
list items will continue on along one horizontal line. If you leave the 
 width at 200 they wil be even spaced but if you remove this they will 
of course bunch up closer.
 
Tania
 
- Original Message - 

  From: 
  Scott 
  Reston 
  To: [EMAIL PROTECTED] 
  Sent: Tuesday, July 13, 2004 5:32 
AM
  Subject: [WSG] setting width for 
  s when inline
  I'm attempting to build a horizontal menu that from an 
  unordered list. My plan is to provide the list as text in the html, then use 
  an image-replacement scheme (ala http://www.mezzoblue.com/tests/revised-image-replacement/) 
  to  swap out the text with images. It looks to me like image-replacement 
  depends on me being able to set the width of the containing element, in my 
  case, an I want the CSS to work without being altered, 
  whether i include all of the  menu items or not, so I don't know how 
  wide the overall  will be when the page is actually created. 
  Is it possible to set width on an inline element? Can I get the same 
  effect from some sort of absolute positioning (when i don't know the widths of 
  elements)?for instance, 
  shortthis is a longer 
  itemand some 
  otherul {display: inline;}li 
  {display: inline;width: 200px;height: 50px;background-color: 
  #eee;}in this example, i'd like to see that as 3 200px squares in 
  a horizontal line...any help appreciated...scott 
  reston*The 
  discussion list for http://webstandardsgroup.org/See 
  http://webstandardsgroup.org/mail/guidelines.cfmfor 
  some hints on posting to the list & getting 
  help* 

Re: [WSG] Does anybody know an expandable vertical css/js menu based on uls?

[t94xr.net.nz webmaster]

I found this expandable CSS div with JS when i was working at ForumImages.
http://www.forumimages.com/forum/viewtopic.php?t=324&highlight=FICodeExpand
___
Cameron W (aka t94xr)
http://www.t94xr.net.nz/
XHTML & CSS Compliant.
Taupo, NZ.
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
* 

*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
* 

*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
* 

Re: [WSG] Does anybody know an expandable vertical css/js menu based on uls?

[ByteDreams]

Nice Kyle.  But I was just wondering, when you click on a link on that menu,
the bullets flash off and on real quick -- is that intentional?

ByteDreams
- Original Message - 
From: "Kyle Barrow" <[EMAIL PROTECTED]>
To: <[EMAIL PROTECTED]>
Sent: Friday, July 09, 2004 3:08 AM
Subject: Re: [WSG] Does anybody know an expandable vertical css/js menu
based on uls?


> http://pukupi.com uses an unordered list menu with CSS and JS. I'm only
> going one sub-level deep but deeper sub-levels are simple enough to
> implement.
>
> Kyle
>
>
>
> > Hi Folks!
> > Could one of you please point me to a vertical menu solution based on
> > css/js and semantically structured by ul/li's?
> > I'd love to have a solution that opens a sublevel-ul when clicked on a
> > toplevel navigation item. It would need 4-5 sublevels...
> > I know this is a lot to ask for, but maybe somebody knows a
> > webstandard - konform solution to that bugger ;)
> >
> > Thanks alot in advance!
> >
> >
>
>
> -- 
>
> mobile web gear | pukupi.com
>
> *
> The discussion list for http://webstandardsgroup.org/
> See http://webstandardsgroup.org/mail/guidelines.cfm
> for some hints on posting to the list & getting help
> *
>
>
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
* 

*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
* 

Re: [WSG] Does anybody know an expandable vertical css/js menu based on uls?

[t94xr.net.nz webmaster]

I found this expandable CSS div with JS when i was working at ForumImages.
http://www.forumimages.com/forum/viewtopic.php?t=324&highlight=FICodeExpand
___
Cameron W (aka t94xr)
http://www.t94xr.net.nz/
XHTML & CSS Compliant.
Taupo, NZ.
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
* 

*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
* 

[WSG] setting width for s when inline

[Scott Reston]

I'm attempting to build a horizontal menu that from an unordered list. My plan is to 
provide the list as text in the html, then use an image-replacement scheme (ala 
http://www.mezzoblue.com/tests/revised-image-replacement/) to  swap out the text with 
images. It looks to me like image-replacement depends on me being able to set the 
width of the containing element, in my case, an 

I want the CSS to work without being altered, whether i include all of the  menu 
items or not, so I don't know how wide the overall  will be when the page is 
actually created. 

Is it possible to set width on an inline element? Can I get the same effect from some 
sort of absolute positioning (when i don't know the widths of elements)?

for instance, 


short
this is a longer item
and some other


ul {
display: inline;
}

li {
display: inline;
width: 200px;
height: 50px;
background-color: #eee;
}

in this example, i'd like to see that as 3 200px squares in a horizontal line...

any help appreciated...

scott reston
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
*

Re: [WSG] Does anybody know an expandable vertical css/js menu based on uls?

[t94xr.net.nz webmaster]

I found this expandable CSS div with JS when i was working at ForumImages.
http://www.forumimages.com/forum/viewtopic.php?t=324&highlight=FICodeExpand
___
Cameron W (aka t94xr)
http://www.t94xr.net.nz/
XHTML & CSS Compliant.
Taupo, NZ.
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
* 

Re: [WSG] code 4 son of suckerfish to work on Mac IE browser

[Bruce . Gilbert]

that's great, thanks!

Bruce Gilbert
Webmaster
Durham Public Schools
Durham, North Carolina
(919) 560-9118 -Office Phone
http://www.dpsnc.net


   
 Paul Burchfield   
 <[EMAIL PROTECTED] 
 m> To 
 Sent by:  [EMAIL PROTECTED]   
 [EMAIL PROTECTED]  cc 
 group.org 
   Subject 
   Re: [WSG] code 4 son of suckerfish  
 07/12/2004 03:05  to work on Mac IE browser   
 PM
   
   
 Please respond to 
 [EMAIL PROTECTED] 
 roup.org  
   
   




Bruce,

I think this might be what you are looking for:
http://www.htmldog.com/ptg/archives/50.php#comment17

->Paul B.

On Jul 12, 2004, at 10:41 AM, [EMAIL PROTECTED] wrote:

>
>
>
>
> A short while back, I believe someone posted work around code in order
> for
> the son of suckerfish drop down menu to work on a Mac IE browser. The
> code
> that should be changed was:  if (window.attachEvent)
> window.attachEvent("onload", sfHover);
>
> I can't remember what exactly needed to be changed. Can someone
> refresh my
> memory?
>
> TIA
>
> Bruce Gilbert
> Webmaster
> Durham Public Schools
> Durham, North Carolina
> (919) 560-9118 -Office Phone
> http://www.dpsnc.net

*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
*



*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
* 

RE: [WSG] Does anybody know an expandable vertical css/js menu based on uls?

[Dan Webb]

>> If you don't mind there'll be some questions at the end of the week?

Yeah, sure.  Mail me off list if you want.  Unless it's of interest to
everyone else.  Don't worry about the closures article the folder script
doesn't use closures for that effect.  If you want Ill put some comments in
so you can see whats going on.  It's just swapping CSS classes about,
nothing crazy at all.

>> BTW the sample code came out as gibberish on a Mac ie5.2 OS9 & OSX.
I didn't have time to look any deeper though it worked fine on Safari.

Cheers for finding that, I don't have easy access to macs but and IE 5.2 is
always a bit of an annoyance.  I'll get that fixed too.

>> When I clicked an expandable top level menu it appeared as though nothing
happened. I.e. the extra links appeared beneath the page fold.
Which I found disorientating.  I believe screen readers may stumble too.
What marks the difference between expandable links and normal links to the
screen reader. Though perhaps a dynamically added title tag may alleviate
the problem.

I like the idea of adding titles dynamically to inform the user of their
actions.  I'll add that when I get the chance.  As for the other things I
think the best way to tackle screen readers not is to hide the menus using a
screen reader accessible method such as text-indent : -1000em or whatever.
This way a screen reader would just read out all the menu options, hidden or
not.  As for the large screen size thing, I suppose you could have some kind
of visual feedback thing so the user knows when they've opened a folder
(such as the open/closed folder graphic - but obviously thatll be to small
if the user needs the text at 500%.

I agree with you though, for websites I don't think Id use a folder type
navigation system but they are very useful for many web applications (and
widely used) and are more useful because users are normally trained (or are
practiced) in its use.

Thanks for the feedback,

Dan


-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Mike Foskett
Sent: 12 July 2004 16:52
To: [EMAIL PROTECTED]
Subject: RE: [WSG] Does anybody know an expandable vertical css/js menu
based on uls?

Dan,

Sorry I meant it'll take time to absorb the JavaScript closures article.
I'll need to comprehend that before moving to your example.
The techniques used I found very strange. I sort of follow, but failed to
comprehend.
If you don't mind there'll be some questions at the end of the week?

BTW the sample code came out as gibberish on a Mac ie5.2 OS9 & OSX.
I didn't have time to look any deeper though it worked fine on Safari.

On an accessibility note:

Last week I tested the expanding menu (as previous email) with a style sheet
set to 500% font-size.
Someone once told me that lo-vision users have font-sizes set to extremes,
and 500% was the max without horizontal scrolling.
When I clicked an expandable top level menu it appeared as though nothing
happened. I.e. the extra links appeared beneath the page fold.
Which I found disorientating.  I believe screen readers may stumble too.
What marks the difference between expandable links and normal links to the
screen reader. Though perhaps a dynamically added title tag may alleviate
the problem.

Although totally based on feelings and hearsay, my conclusion was to reject
all expanding menus until better informed.


What says the people out there?



mike 2k:)2
 



**
This email and any files transmitted with it are confidential and
intended solely for the use of the individual or entity to whom they
are addressed. If you have received this email in error please notify
the system manager.
This footnote also confirms that this email message has been swept by
MIMEsweeper for the presence of computer viruses.
www.mimesweeper.com
**


*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
* 

*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
* 

Re: [WSG] code 4 son of suckerfish to work on Mac IE browser

[Paul Burchfield]

Bruce,
I think this might be what you are looking for:
http://www.htmldog.com/ptg/archives/50.php#comment17
->Paul B.
On Jul 12, 2004, at 10:41 AM, [EMAIL PROTECTED] wrote:


A short while back, I believe someone posted work around code in order 
for
the son of suckerfish drop down menu to work on a Mac IE browser. The 
code
that should be changed was:  if (window.attachEvent)
window.attachEvent("onload", sfHover);

I can't remember what exactly needed to be changed. Can someone 
refresh my
memory?

TIA
Bruce Gilbert
Webmaster
Durham Public Schools
Durham, North Carolina
(919) 560-9118 -Office Phone
http://www.dpsnc.net
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
* 

Re: [WSG] Does anybody know an expandable vertical css/js menu based on uls?

[Kyle Barrow]

The [-] li custom bullet doesn't get loaded until the menu is expanded 
for the first time. After this, there shouldn't be any delay.

Has anyone found an effective method of solving this issue?
Kyle
On 2004 Jul 12, , at 23:14, ByteDreams wrote:
Nice Kyle.  But I was just wondering, when you click on a link on that 
menu,
the bullets flash off and on real quick -- is that intentional?

ByteDreams
- Original Message -
From: "Kyle Barrow" <[EMAIL PROTECTED]>
To: <[EMAIL PROTECTED]>
Sent: Friday, July 09, 2004 3:08 AM
Subject: Re: [WSG] Does anybody know an expandable vertical css/js menu
based on uls?

http://pukupi.com uses an unordered list menu with CSS and JS. I'm 
only
going one sub-level deep but deeper sub-levels are simple enough to
implement.

Kyle

Hi Folks!
Could one of you please point me to a vertical menu solution based on
css/js and semantically structured by ul/li's?
I'd love to have a solution that opens a sublevel-ul when clicked on 
a
toplevel navigation item. It would need 4-5 sublevels...
I know this is a lot to ask for, but maybe somebody knows a
webstandard - konform solution to that bugger ;)

Thanks alot in advance!


--
mobile web gear | pukupi.com
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
*

*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
*

--
mobile web gear | pukupi.com
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
* 

[WSG] code 4 son of suckerfish to work on Mac IE browser

[Bruce . Gilbert]

A short while back, I believe someone posted work around code in order for
the son of suckerfish drop down menu to work on a Mac IE browser. The code
that should be changed was:  if (window.attachEvent)
window.attachEvent("onload", sfHover);

I can't remember what exactly needed to be changed. Can someone refresh my
memory?

TIA

Bruce Gilbert
Webmaster
Durham Public Schools
Durham, North Carolina
(919) 560-9118 -Office Phone
http://www.dpsnc.net

*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
* 

RE: [WSG] Does anybody know an expandable vertical css/js menu based on uls?

[Mike Foskett]

Dan,

Sorry I meant it'll take time to absorb the JavaScript closures article.
I'll need to comprehend that before moving to your example.
The techniques used I found very strange. I sort of follow, but failed to comprehend.
If you don't mind there'll be some questions at the end of the week?

BTW the sample code came out as gibberish on a Mac ie5.2 OS9 & OSX.
I didn't have time to look any deeper though it worked fine on Safari.

On an accessibility note:

Last week I tested the expanding menu (as previous email) with a style sheet set to 
500% font-size.
Someone once told me that lo-vision users have font-sizes set to extremes, and 500% 
was the max without horizontal scrolling.
When I clicked an expandable top level menu it appeared as though nothing happened. 
I.e. the extra links appeared beneath the page fold.
Which I found disorientating.  I believe screen readers may stumble too.  What marks 
the difference between expandable links and normal links to the screen reader. Though 
perhaps a dynamically added title tag may alleviate the problem.

Although totally based on feelings and hearsay, my conclusion was to reject all 
expanding menus until better informed.


What says the people out there?



mike 2k:)2
 



**
This email and any files transmitted with it are confidential and
intended solely for the use of the individual or entity to whom they
are addressed. If you have received this email in error please notify
the system manager.
This footnote also confirms that this email message has been swept by
MIMEsweeper for the presence of computer viruses.
www.mimesweeper.com
**


*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
*

RE: [WSG] Does anybody know an expandable vertical css/js menu based on uls?

[dan]

It's at a bit of a tangent but why do people think it's better to use a very non
standard .htc behaviour rather than add this behaviour using standard DOM
scripts.  I really dont see the advantage but these HTCs seem to be most
peoples weapon of choice.

Are we not trying to use only standards compliant code? I thought about it a
fair bit and looked into using IE behaviours as a way to deliver Suckerfish but
to me its using is offers no advantages and is non-standard.  

What does everybody else think?

Quoting Gabriel Lago <[EMAIL PROTECTED]>:

> The article that´s now in the homepage of www.alistapart.com could be useful
> if you adapt it to float the ul instead position it vertically, but probably
> better is the "trick" from
> http://www.hszk.bme.hu/~hj130/css/list_menu/hover/, while it´s not exactly
> javascript it works in any browser.
> 
> Hope it helps.
> 
> -Mensaje original-
> De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre
> de ByteDreams
> Enviado el: lunes, 12 de julio de 2004 16:15
> Para: [EMAIL PROTECTED]
> Asunto: Re: [WSG] Does anybody know an expandable vertical css/js menu based
> on uls?
> 
> Nice Kyle.  But I was just wondering, when you click on a link on that menu,
> the bullets flash off and on real quick -- is that intentional?
> 
> ByteDreams
> - Original Message - 
> From: "Kyle Barrow" <[EMAIL PROTECTED]>
> To: <[EMAIL PROTECTED]>
> Sent: Friday, July 09, 2004 3:08 AM
> Subject: Re: [WSG] Does anybody know an expandable vertical css/js menu
> based on uls?
> 
> 
> > http://pukupi.com uses an unordered list menu with CSS and JS. I'm only
> > going one sub-level deep but deeper sub-levels are simple enough to
> > implement.
> >
> > Kyle
> >
> >
> >
> > > Hi Folks!
> > > Could one of you please point me to a vertical menu solution based on
> > > css/js and semantically structured by ul/li's?
> > > I'd love to have a solution that opens a sublevel-ul when clicked on a
> > > toplevel navigation item. It would need 4-5 sublevels...
> > > I know this is a lot to ask for, but maybe somebody knows a
> > > webstandard - konform solution to that bugger ;)
> > >
> > > Thanks alot in advance!
> > >
> > >
> >
> >
> > -- 
> >
> > mobile web gear | pukupi.com
> >
> > *
> > The discussion list for http://webstandardsgroup.org/
> > See http://webstandardsgroup.org/mail/guidelines.cfm
> > for some hints on posting to the list & getting help
> > *
> >
> >
> *
> The discussion list for http://webstandardsgroup.org/
> See http://webstandardsgroup.org/mail/guidelines.cfm
> for some hints on posting to the list & getting help
> * 
> 
> *
> The discussion list for http://webstandardsgroup.org/
> See http://webstandardsgroup.org/mail/guidelines.cfm
> for some hints on posting to the list & getting help
> *
> 
> 



*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
* 

RE: [WSG] Does anybody know an expandable vertical css/js menu based on uls?

[Gabriel Lago]

The article that´s now in the homepage of www.alistapart.com could be useful
if you adapt it to float the ul instead position it vertically, but probably
better is the "trick" from
http://www.hszk.bme.hu/~hj130/css/list_menu/hover/, while it´s not exactly
javascript it works in any browser.

Hope it helps.

-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre
de ByteDreams
Enviado el: lunes, 12 de julio de 2004 16:15
Para: [EMAIL PROTECTED]
Asunto: Re: [WSG] Does anybody know an expandable vertical css/js menu based
on uls?

Nice Kyle.  But I was just wondering, when you click on a link on that menu,
the bullets flash off and on real quick -- is that intentional?

ByteDreams
- Original Message - 
From: "Kyle Barrow" <[EMAIL PROTECTED]>
To: <[EMAIL PROTECTED]>
Sent: Friday, July 09, 2004 3:08 AM
Subject: Re: [WSG] Does anybody know an expandable vertical css/js menu
based on uls?


> http://pukupi.com uses an unordered list menu with CSS and JS. I'm only
> going one sub-level deep but deeper sub-levels are simple enough to
> implement.
>
> Kyle
>
>
>
> > Hi Folks!
> > Could one of you please point me to a vertical menu solution based on
> > css/js and semantically structured by ul/li's?
> > I'd love to have a solution that opens a sublevel-ul when clicked on a
> > toplevel navigation item. It would need 4-5 sublevels...
> > I know this is a lot to ask for, but maybe somebody knows a
> > webstandard - konform solution to that bugger ;)
> >
> > Thanks alot in advance!
> >
> >
>
>
> -- 
>
> mobile web gear | pukupi.com
>
> *
> The discussion list for http://webstandardsgroup.org/
> See http://webstandardsgroup.org/mail/guidelines.cfm
> for some hints on posting to the list & getting help
> *
>
>
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
* 

*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
*

Re: [WSG] Does anybody know an expandable vertical css/js menu based on uls?

[ByteDreams]

Nice Kyle.  But I was just wondering, when you click on a link on that menu,
the bullets flash off and on real quick -- is that intentional?

ByteDreams
- Original Message - 
From: "Kyle Barrow" <[EMAIL PROTECTED]>
To: <[EMAIL PROTECTED]>
Sent: Friday, July 09, 2004 3:08 AM
Subject: Re: [WSG] Does anybody know an expandable vertical css/js menu
based on uls?


> http://pukupi.com uses an unordered list menu with CSS and JS. I'm only
> going one sub-level deep but deeper sub-levels are simple enough to
> implement.
>
> Kyle
>
>
>
> > Hi Folks!
> > Could one of you please point me to a vertical menu solution based on
> > css/js and semantically structured by ul/li's?
> > I'd love to have a solution that opens a sublevel-ul when clicked on a
> > toplevel navigation item. It would need 4-5 sublevels...
> > I know this is a lot to ask for, but maybe somebody knows a
> > webstandard - konform solution to that bugger ;)
> >
> > Thanks alot in advance!
> >
> >
>
>
> -- 
>
> mobile web gear | pukupi.com
>
> *
> The discussion list for http://webstandardsgroup.org/
> See http://webstandardsgroup.org/mail/guidelines.cfm
> for some hints on posting to the list & getting help
> *
>
>
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
* 

RE: [WSG] Does anybody know an expandable vertical css/js menu based on uls?

[dan]

Hi Mike,

It's not an article as such - Im kind of lazy like that but the code should be
fairly clear (i hope).  Ive just uploaded a new version of the example page
with the code tidied a bit more (ive chopped another few line lines out of it -
even shorter now).  Im planning on submitting this to the WCAG 2.0 Accessible
scripting group so any feedback would be great.

Cheers,

Dan

Quoting Mike Foskett <[EMAIL PROTECTED]>:

> Dan,
> 
> I'm gonna have to spend time digesting that article.
> Thanks for reminding me why I like this forum.
> 
> 
> mike 2k:)2
>  
> 
> 
> 
> 
> **
> This email and any files transmitted with it are confidential and
> intended solely for the use of the individual or entity to whom they
> are addressed. If you have received this email in error please notify
> the system manager.
> This footnote also confirms that this email message has been swept by
> MIMEsweeper for the presence of computer viruses.
> www.mimesweeper.com
> **
> 
> 
> *
> The discussion list for http://webstandardsgroup.org/
> See http://webstandardsgroup.org/mail/guidelines.cfm
> for some hints on posting to the list & getting help
> *
> 
> 



*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
* 

RE: [WSG] Does anybody know an expandable vertical css/js menu based on uls?

[Mike Foskett]

Dan,

I'm gonna have to spend time digesting that article.
Thanks for reminding me why I like this forum.


mike 2k:)2
 




**
This email and any files transmitted with it are confidential and
intended solely for the use of the individual or entity to whom they
are addressed. If you have received this email in error please notify
the system manager.
This footnote also confirms that this email message has been swept by
MIMEsweeper for the presence of computer viruses.
www.mimesweeper.com
**


*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
*

RE: [WSG] Does anybody know an expandable vertical css/js menu based on uls?

[dan]

Hi All,

I've done a version of this kind of menu which is considerably more compact than
most of the others Ive seen and is very accessible.  See the entry below:

http://www.danwebb.net/lab/archives/18.html

Example page is here:

http://www.danwebb.net/lab/html/folders3.html

Let me know what you think.  Most of the scripts Ive seen that do this kind of
thing are immense and I do see why.  Mine is quite similar to the one below but
is more compact and has the facility to pre open to a selected node.

Cheers,

Dan



Quoting Mike Foskett <[EMAIL PROTECTED]>:

> Gerhard,
> 
> You could try the method I've used previously.
> The top link expands sub links.  Works with JavaScript off and is
> accessible.
> 
> 
>  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
> http://www.w3.org/1999/xhtml"; xml:lang="en" lang="en">
> 
>   Expanding menus - Web Semantics
>   
>   
>   function initMenus() {
>   if (!document.getElementsByTagName) return
>   var aMenus = document.getElementsByTagName("li");
>   for (var i = 0; i < aMenus.length; i++) {
>   var mclass = aMenus[i].className
>   if (mclass.indexOf("expandable") > -1) {
>   var submenu = aMenus[i].childNodes
>   for (var j = 0; j < submenu.length; j++) {
>   if (submenu[j].tagName == "A") {
>   submenu[j].onclick =function() {
>   var node = this.nextSibling
>   while (1) {
>   if (node != null) {
>   if 
> (node.tagName == "UL") {
>   var d 
> = (node.style.display == "none")
>   
> node.style.display = (d) ? "block" : "none"
>   
> this.className = (d) ? "expanded" : "expandable"
>   return 
> false;
>   }
>   node = 
> node.nextSibling;
>   }
>   else {
>   return false;
>   }
>   }
>   return false;
>   }
>   submenu[j].className = 
> (mclass.indexOf("open") > -1) ? "expanded" :
> "expandable"
>   }
>   if (submenu[j].tagName == "UL")
>   submenu[j].style.display = 
> (mclass.indexOf("open") > -1) ? "block" :
> "none"
>   }
>   }
>   }
>   }
>   function addLoadEvent(func) {
>   if (!document.getElementById | !document.getElementsByTagName) return
>   var oldonload = window.onload
>   if (typeof window.onload != 'function') {
>   window.onload = func;
>   } else {
>   window.onload = function() {
>   oldonload()
>   func()
>   }
>   }
>   }
>   addLoadEvent(initMenus)
>   
> 
> 
> 
>   Site navigation
>   
>   
>   Services
>   
>   Free site check
>   Comprehensive site check
>   Template coding
>   In-house training
>   No-nonsense advice
>   
>   
>   Projects and Clients
>   
>   Tutorials
>   
>   Accessibility
>   CSS
>   JavaScript
>   Web standards
>   
>   
>   
>  
> 
> 
> 
> 
> 
> I hope it helps.
> 
> mike 2k:)2
>  
> 
> 
> -Original Message-
> From: Gerhard Schoder [mailto:[EMAIL PROTECTED] 
> Sent: 08 July 2004 20:58
> To: [EMAIL PROTECTED]
> Subject: Re: [WSG] Does anybody know an expandable vertical css/js menu based
> on

RE: [WSG] Does anybody know an expandable vertical css/js menu based on uls?

[Mike Foskett]

Gerhard,

You could try the method I've used previously.
The top link expands sub links.  Works with JavaScript off and is accessible.


http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
http://www.w3.org/1999/xhtml"; xml:lang="en" lang="en">

  Expanding menus - Web Semantics
  
  
function initMenus() {
if (!document.getElementsByTagName) return
var aMenus = document.getElementsByTagName("li");
for (var i = 0; i < aMenus.length; i++) {
var mclass = aMenus[i].className
if (mclass.indexOf("expandable") > -1) {
var submenu = aMenus[i].childNodes
for (var j = 0; j < submenu.length; j++) {
if (submenu[j].tagName == "A") {
submenu[j].onclick =function() {
var node = this.nextSibling
while (1) {
if (node != null) {
if 
(node.tagName == "UL") {
var d 
= (node.style.display == "none")

node.style.display = (d) ? "block" : "none"

this.className = (d) ? "expanded" : "expandable"
return 
false;
}
node = 
node.nextSibling;
}
else {
return false;
}
}
return false;
}
submenu[j].className = 
(mclass.indexOf("open") > -1) ? "expanded" : "expandable"
}
if (submenu[j].tagName == "UL")
submenu[j].style.display = 
(mclass.indexOf("open") > -1) ? "block" : "none"
}
}
}
}
function addLoadEvent(func) {
if (!document.getElementById | !document.getElementsByTagName) return
var oldonload = window.onload
if (typeof window.onload != 'function') {
window.onload = func;
} else {
window.onload = function() {
oldonload()
func()
}
}
}
addLoadEvent(initMenus)
  



Site navigation


Services

Free site check
Comprehensive site check
Template coding
In-house training
No-nonsense advice


Projects and Clients

Tutorials

Accessibility
CSS
JavaScript
Web standards



 





I hope it helps.

mike 2k:)2
 


-Original Message-
From: Gerhard Schoder [mailto:[EMAIL PROTECTED] 
Sent: 08 July 2004 20:58
To: [EMAIL PROTECTED]
Subject: Re: [WSG] Does anybody know an expandable vertical css/js menu based on uls?


Hi Brian!
Thanks alot for your link, it's almost everything I need, except for 
that i would like a klick on a top nav item to toggle the visibility of 
the containing sub nav items... That would be --- perfekt =) Thanks again, Best 
Regards, Gerd

brian cummiskey wrote:

>
> check out http://css.maxdesign.com.au/listutorial/sub01.htm
> *
> The discussion list for http://webstandardsgroup.org/
> See http://webstandardsgroup.org/mail/guidelines.cfm
> for some hints on posting to the list & getting help
> *



**