RE: [WSG] Does anybody know an expandable vertical css/js menu based on uls?
Gerhard,
You could try the method I've used previously.
The top link expands sub links. Works with JavaScript off and is accessible.
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd;
html xmlns=http://www.w3.org/1999/xhtml; xml:lang=en lang=en
head
titleExpanding menus - Web Semantics/title
meta http-equiv=Content-Type content=text/html; charset=iso-8859-1 /
script type=text/javascript
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)
/script
/head
body
div id=navigation
h2Site navigation/h2
ul
li class=expandable
a href=#Services/a
ul
lia href=#Free site check/a/li
lia href=#Comprehensive site check/a/li
lia href=#Template coding/a/li
lia href=#In-house training/a/li
lia href=#No-nonsense advice/a/li
/ul
/li
lia href=#Projects and Clients/a/li
li class=expandable
a href=#Tutorials/a
ul
lia href=#Accessibility/a/li
lia href=#CSS/a/li
lia href=#JavaScript/a/li
lia href=#Web standards/a/li
/ul
/li
/ul
/div !-- id=navigation --
/body
/html
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
RE: [WSG] Does anybody know an expandable vertical css/js menu based on uls?
/li /ul /div !-- id=navigation -- /body /html 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 * * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help * ** 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?
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?
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?
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?
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?
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?
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?
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?
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?
I found this expandable CSS div with JS when i was working at ForumImages. http://www.forumimages.com/forum/viewtopic.php?t=324highlight=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?
I found this expandable CSS div with JS when i was working at ForumImages. http://www.forumimages.com/forum/viewtopic.php?t=324highlight=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?
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?
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?
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 *
RE: [WSG] Does anybody know an expandable vertical css/js menu based on uls?
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?
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?
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?
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?
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?
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?
-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. james 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: http://www.cookiecrook.com/bugtests/menus/ 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/ /james * 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?
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?
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 *
