Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Page 1 of 3 123 LastLast
Results 1 to 15 of 41
  1. #1
    Senior Coder
    Join Date
    Jun 2002
    Location
    near Oswestry
    Posts
    4,508
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Accessible Website Menu [beta]

    I've just released the beta version of my new website menu, after nearly a year's development! As far as I know, it's the world's first fully-featured and accessible DHTML menu.

    I could say loads .. but I'd just be echoing what I've written on the site: http://www.udm4.com/

    Any comments, bug reports, suggestions or other feedback is most welcome.
    Last edited by brothercake; 02-20-2004 at 03:36 AM.
    "Why bother with accessibility? ... Because deep down you know that the web is attractive to people who aren't exactly like you." - Joe Clark

  • #2
    Senior Coder
    Join Date
    Jun 2002
    Location
    Zwolle, The Netherlands
    Posts
    1,120
    Thanks
    2
    Thanked 31 Times in 31 Posts
    very nice, i think i will use it sometime. It is a bit slow though, especially the little arrows take noticable time to appear
    I am the luckiest man in the world

  • #3
    Regular Coder
    Join Date
    May 2002
    Location
    Seattle, WA
    Posts
    665
    Thanks
    0
    Thanked 0 Times in 0 Posts
    very nice! works great viewing w/larger text size/zoom.
    just downloaded and horizontal and relative positioning works great.

    nice job.

    downloded additional arrow gifs from demo site
    should add comments for down gifs in custom.js and include in resources folder...
    Last edited by speedracer; 01-21-2004 at 10:01 AM.

  • #4
    Senior Coder
    Join Date
    Jun 2002
    Location
    near Oswestry
    Posts
    4,508
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Originally posted by Roelf
    It is a bit slow though, especially the little arrows take noticable time to appear
    It doesn't have to be like that - I chose to defer execution until the rest of the page has rendered, but if you want to you can have it so the menu script gets processed first, which means the arrows will be there with the rest of the document - http://af.brothercake.com/dropdown/m...pts-body-defer - the defer attribute isn't 100% reliable x-browser, but you can also just move the script include around in the <body>, and that changes the parsing order.

    Thanks
    Last edited by brothercake; 01-21-2004 at 10:02 AM.
    "Why bother with accessibility? ... Because deep down you know that the web is attractive to people who aren't exactly like you." - Joe Clark

  • #5
    Regular Coder
    Join Date
    May 2002
    Location
    Seattle, WA
    Posts
    665
    Thanks
    0
    Thanked 0 Times in 0 Posts
    can you check the sub menu with ie6? its nestled in a center align div. it works fine in ns7.1

    http://66.33.60.221/~a206/udm4/template.html
    Last edited by speedracer; 01-21-2004 at 10:23 AM.

  • #6
    Senior Coder
    Join Date
    Jun 2002
    Location
    near Oswestry
    Posts
    4,508
    Thanks
    0
    Thanked 0 Times in 0 Posts
    the nav looks right .. but the menus are too far off right in IE6 ... lemme look into that
    "Why bother with accessibility? ... Because deep down you know that the web is attractive to people who aren't exactly like you." - Joe Clark

  • #7
    Senior Coder
    Join Date
    Jun 2002
    Location
    near Oswestry
    Posts
    4,508
    Thanks
    0
    Thanked 0 Times in 0 Posts
    It's the div align - if you take the align attribute out of the <div> and put it in the <table> instead, then it's okay in IE6 as well.

    But obviously you shouldn't have to do that ... hmm ...
    Last edited by brothercake; 01-21-2004 at 12:54 PM.
    "Why bother with accessibility? ... Because deep down you know that the web is attractive to people who aren't exactly like you." - Joe Clark

  • #8
    Senior Coder
    Join Date
    Jun 2002
    Location
    near Oswestry
    Posts
    4,508
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Right - it appears that the div align attribute cascades in IE6 - it was center-aligning all the child <ul> elements. The fix is in udm-style.js, which I've attached, and also updated the site.

    Ta
    Attached Files Attached Files
    "Why bother with accessibility? ... Because deep down you know that the web is attractive to people who aren't exactly like you." - Joe Clark

  • #9
    Senior Coder
    Join Date
    Jun 2002
    Location
    near Oswestry
    Posts
    4,508
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Here are some more arrows
    Attached Files Attached Files
    "Why bother with accessibility? ... Because deep down you know that the web is attractive to people who aren't exactly like you." - Joe Clark

  • #10
    Regular Coder
    Join Date
    May 2002
    Location
    Seattle, WA
    Posts
    665
    Thanks
    0
    Thanked 0 Times in 0 Posts
    thanks!
    i put the menu in div align because someone is bound to do that

  • #11
    Senior Coder
    Join Date
    Jun 2002
    Location
    near Oswestry
    Posts
    4,508
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Yeah they are - I noticed what a particularly convoluted nesting of containers you had there ... good test
    "Why bother with accessibility? ... Because deep down you know that the web is attractive to people who aren't exactly like you." - Joe Clark

  • #12
    Regular Coder
    Join Date
    Jun 2002
    Location
    Cincinnati, OH
    Posts
    545
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Very nice. When will this be moved from beta to production?

    The only thing I see is that most menu structures I use come from a db. From reading over some of your documentation I guess I would have to append the js file for this to work. I guess that is not to big of a deal since I would only have to output this if the menu tables were edited.

  • #13
    Senior Coder
    Join Date
    Jun 2002
    Location
    near Oswestry
    Posts
    4,508
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Beta to production will probably be the beginning of next week, other things being equal.

    To generate the structure dynamically you just build an unordered-list with the correct classname and id - then you do have to include the scripts, yes, but they can part of your template or just included at the same time.

    Menu tables?? There are no tables Or did you mean tables in the DB..
    "Why bother with accessibility? ... Because deep down you know that the web is attractive to people who aren't exactly like you." - Joe Clark

  • #14
    WA
    WA is offline
    Administrator
    Join Date
    Mar 2002
    Posts
    2,596
    Thanks
    2
    Thanked 19 Times in 18 Posts
    Just another suggestion on speed. The sub menus seem a little slow to display themselves onMouseover. Perhaps I'm just an impatient person, but I would prefer a quicker, perhaps almost instantanous revealing (the clipping animation not withstanding).
    - George
    - JavaScript Kit- JavaScript tutorials and 400+ scripts!
    - JavaScript Reference- JavaScript reference you can relate to.

  • #15
    Senior Coder
    Join Date
    Jun 2002
    Location
    near Oswestry
    Posts
    4,508
    Thanks
    0
    Thanked 0 Times in 0 Posts
    That's a deliberate delay - if you move over a link and then quickly off it again, the menu doesn't open at all - the point of that is so you can move your mouse diagonally across links on your way to a menu, and the menu you're going to won't close.

    Have a look at the Windows Start menus - that's exactly what they do - it makes for much better usability.

    But you can set the value yourself - http://af.brothercake.com/dropdown/m...core-behaviors
    Last edited by brothercake; 01-24-2004 at 02:17 AM.
    "Why bother with accessibility? ... Because deep down you know that the web is attractive to people who aren't exactly like you." - Joe Clark


  •  
    Page 1 of 3 123 LastLast

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •