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

[wsg . p . qxo]

Dan Webb,

What a nice contribution to our community.
I really appreciate the way you packaged everything (css, js, html, example)
into one clean, concise, clearly illustrative source. You do lovely work.

Thank you.
  --David

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
* 

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] 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] 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
* 

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
> 

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/listut

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

[Kyle Barrow]

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
* 

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

[Nick Lo]

Hi Gerd,
You mean a bit like one I have at:
http://www.amcs.org.au
Which is based on...
http://www.gazingus.org/html/Using_Lists_for_DHTML_Menus.html
Nick
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!
Best regards,
Gerd Schoder
*
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?

[Jim Davies]

Check out ProjectSeven.com  - various menu stuff as well as other stuff

Jim Davies
[EMAIL PROTECTED]
[EMAIL PROTECTED]

The Web is a procrastination apparatus. It can absorb as much time
as is required to ensure you won't get any work done. -- J. Nielsen


> [Original Message]
> From: Gerhard Schoder <[EMAIL PROTECTED]>
> To: <[EMAIL PROTECTED]>
> Date: 7/9/2004 10:39:59 AM
> Subject: [WSG] Does anybody know an expandable vertical css/js menu based
on uls?
>
> 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!
>
> Best regards,
> Gerd Schoder
>
> *
> 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?

[Rimantas Liubertas]

you may take a look on http://www.kryogenix.org/code/browser/aqlists/
*
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?

[Geoff Deering]

> -Original Message-
> From: Gerhard Schoder
>
> 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!
>

As Barbara Dozetos says in her post, the Eric Meyers one would be the first
I'd look at.

There's one over at James Craig's CookieCrook
http://cookiecrook.com/bugtests/menus/

Here's what he had to say about it when he was talking to me about it.  At
the time, I had not seen any that I thought meet WCAG standards (and there
are probably others that do), but his does, yet, as he admits, there are
still a few minor issues with it.


Thanks. Yeah, we try to encourage "supplemental" use of JavaScript
whenever it could benefit the usability without negatively affecting
accessibility. This can also help unbelievers (like yourself :D until
this week) who think richly usable interfaces cannot be made accessible.

> I have taken the liberty to download the code and try it on a new
prototype
> site.  I have a client who requires both accessibility and also requested
> this feature.  Is this okay?

This is ok, but did you read my comments about the usability for people
accessing with screen readers? I've decided to not use that method. At
least until I have an epiphany about a different solution.

> I have come across a few behaviour problems.  I probably have not got all
> the code.  Is it possible to zip it and send to me.  My implementation had
a
> glassy look to it.  You could see through a kind of coloured glass.  To
fix
> this in txo_compliant.css I changed line 53 to a color rather than
> transparent (but I suspect this is unnecessary as I probably do not have
it
> installed and running properly.  The functionality is fine in Win IE6, but
> there is no DHTML activity in Mozilla?

You may have a different version of the script or style sheets. All
files are available from the directory listing:


I am not in a position to zip them up now but I may have time later if
you still have trouble downloading them.

My copy works in IE, Mozilla, Opera, and more. It worked on all
standards-compliant Mac browsers last time I checked, but I've recently
been alerted that there may be a problem with those. Not sure when I'll
check into that since I'm rewriting them anyway.

> I'm also wondering about trying to make it a little easier for user to
> configure their own colors and font sizes?  Maybe they just have to
address
> this themselves.

Yes, unfortunately redesigning requires a fairly advanced knowledge of
CSS because all the positioning is combined in the style sheets. As you
can see from the alternate style versions, this was done to separate the
content from style and functionality and by doing so provide the
opportunity for more flexibility in design while still utilizing the
same source and script.

The current version is fixed font-sizes because that was a client
request for the portal. I had planned to make a scalable version example
sometime later, but that will have to wait until I work on the next
version of the menus.

Good luck,
James Craig

--
http://www.cookiecrook.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?

[miran]

take a look at the latest alistapart article: 
http://www.alistapart.com/articles/horizdropdowns/



On donderdag, 8 juli 2004 21:28, Gerhard Schoder <[EMAIL PROTECTED]> wrote:
>Hi Ted!
>Thanks for your hint! I found and examined suckerfish but unfortunately 
>it's not exactly what i need. I should have thought of sending the 
>structure of the (supposedly) lefthand navigation i need:
>
>|-Top 1
>|-Top 2
>|--SubTop2.1
>|--SubTop2.2
>|-SubSubTop2.2.1
>|-SubSubTop2.2.2
>|-SubSubSubTop2.2.2.1
>|-SubSubSubTop2.2.2.2
>|-SubSubTop2.2.3
>|-Top 3
>|-Top 4
>
>It's a lot of pages and there would be no way to restructure the site. 
>So we would need this kind of navigation. It used to be realized in 
>Frontpage """MSHTML""" but I convinced them to move to XHMTL. Now I 
>gotta solve those problems =)
>Thanks again,
>Gerd
>
>
>Ted Drake wrote:
>
>>Are you looking for a dropdown from the top? (the submenus are
>vertical), check out son of suckerfish
>>http://www.htmldog.com/articles/suckerfish/dropdowns/
>>
>>or are you looking for a flyout menu from the leftnav?
>>
>>My mind is blank right now on flyouts.
>>Ted
>>
>>
>>-Original Message-
>>From: Gerhard Schoder [mailto:[EMAIL PROTECTED]
>>Sent: Thursday, July 08, 2004 11:47 AM
>>To: [EMAIL PROTECTED]
>>Subject: Re: [WSG] Does anybody know an expandable vertical css/js menu
>>based on uls?
>>
>>
>>Sorry I forgot to mention:
>>The sublevels need to be opened below the toplevel element. Something 
>>easily done on a server-side basis, but I'd need it on a 
>>flat-file-stupid system. Thanks again!
>>Best regards,
>>Gerd Schoder
>>
>>Gerhard Schoder wrote:
>>
>>  
>>
>>>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!
>>>
>>>Best regards,
>>>Gerd Schoder
>>>
>>>*
>>>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
>* 
>
>

*
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?

[Gerhard Schoder]

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
*

*
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?

[brian cummiskey]

Gerhard Schoder wrote:
Sorry I forgot to mention:
The sublevels need to be opened below the toplevel element. Something 
easily done on a server-side basis, but I'd need it on a 
flat-file-stupid system. Thanks again!

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 ;)

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
* 

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

[Gerhard Schoder]

Hi Ted!
Thanks for your hint! I found and examined suckerfish but unfortunately 
it's not exactly what i need. I should have thought of sending the 
structure of the (supposedly) lefthand navigation i need:

|-Top 1
|-Top 2
|--SubTop2.1
|--SubTop2.2
|-SubSubTop2.2.1
|-SubSubTop2.2.2
|-SubSubSubTop2.2.2.1
|-SubSubSubTop2.2.2.2
|-SubSubTop2.2.3
|-Top 3
|-Top 4
It's a lot of pages and there would be no way to restructure the site. 
So we would need this kind of navigation. It used to be realized in 
Frontpage """MSHTML""" but I convinced them to move to XHMTL. Now I 
gotta solve those problems =)
Thanks again,
Gerd

Ted Drake wrote:
Are you looking for a dropdown from the top? (the submenus are vertical), check out 
son of suckerfish
http://www.htmldog.com/articles/suckerfish/dropdowns/
or are you looking for a flyout menu from the leftnav?
My mind is blank right now on flyouts.
Ted
-Original Message-
From: Gerhard Schoder [mailto:[EMAIL PROTECTED]
Sent: Thursday, July 08, 2004 11:47 AM
To: [EMAIL PROTECTED]
Subject: Re: [WSG] Does anybody know an expandable vertical css/js menu
based on uls?
Sorry I forgot to mention:
The sublevels need to be opened below the toplevel element. Something 
easily done on a server-side basis, but I'd need it on a 
flat-file-stupid system. Thanks again!
Best regards,
Gerd Schoder

Gerhard Schoder wrote:
 

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!
Best regards,
Gerd Schoder
*
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?

[Barbara Dozetos]

Not sure if this meets all your requirements, but I'm loving the menu 
presented in Eric Meyer's latest "More Eric Meyers on CSS."  I'm working 
with it on a test page now.  The page is constantly being fiddled with, 
but you can look at the nav here:  www.pcc.com/testing/client2.html.

I highly recommend both of the Meyers on CSS books.
Barb
Gerhard Schoder wrote:
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!
Best regards,
Gerd Schoder
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
* 

--
Barbara Dozetos "Democracy is two wolves and a lamb
Web Developer   voting on what to have for lunch.
Physician's Computer CompanyLiberty is a well-armed lamb
1 Main St., Ste 7   contesting the vote."
Winooski, VT 05404  --Benjamin Franklin
[EMAIL PROTECTED]
802-846-5532
*
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?

[Ted Drake]

Are you looking for a dropdown from the top? (the submenus are vertical), check out 
son of suckerfish
http://www.htmldog.com/articles/suckerfish/dropdowns/

or are you looking for a flyout menu from the leftnav?

My mind is blank right now on flyouts.
Ted


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


Sorry I forgot to mention:
The sublevels need to be opened below the toplevel element. Something 
easily done on a server-side basis, but I'd need it on a 
flat-file-stupid system. Thanks again!
Best regards,
Gerd Schoder

Gerhard Schoder wrote:

> 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!
>
> Best regards,
> Gerd Schoder
>
> *
> 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?

[Gerhard Schoder]

Sorry I forgot to mention:
The sublevels need to be opened below the toplevel element. Something 
easily done on a server-side basis, but I'd need it on a 
flat-file-stupid system. Thanks again!
Best regards,
Gerd Schoder

Gerhard Schoder wrote:
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!
Best regards,
Gerd Schoder
*
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
*