[thelist] DHTML Menus

[Chris Hayes]

I've had some problems using dashes (" - ") in IDs etc.  A while back. but
at some point, something I did in javascript threw an error because of them,
and ever since I have avoided them.  Vague, no?  ;)


----- Original Message ----- 
From: "Beau Hartshorne" <beau at hartshorne.ca>
To: "thelist" <thelist at lists.evolt.org>
Sent: Monday, November 24, 2003 2:55 AM
Subject: [thelist] DHTML Menus


> Hi all,
>
> I wanted to implement some DHTML menus on a site, and liked the idea
> behind the Gazingus code:
>
> http://www.gazingus.org/html/Using_Lists_for_DHTML_Menus.html
>
> example:
>
> http://www.gazingus.org/html/menuDropdown.html
>
> I've adapted this script to my site, and have made a few changes:
>
> 1. I altered it to suit the style of my site, and to work horizontally
> instead of vertically.
>
> 2. Now users with JavaScript disabled can access the menus (but without
> the dropdown effects).
>
> 3. I removed as many of the CSS class and ID tags as I could from the
> HTML, and instead used more precise CSS selectors to control the style.
>
> 4. The menus are activated with an onmouseover instead of an onclick,
> and will disappear of you move the mouse out of the submenus.
>
> 5. I made a for loop that initialises the script instead of several
> initializeMenu calls that needed to match the menu list.
>
> Here's my version:
>
> http://hartshorne.ca/homesystems/template.html
> http://hartshorne.ca/homesystems/menu/menu.css
> http://hartshorne.ca/homesystems/menu/menu.js
>
> Does anyone have any comments about the code? I'm especially interested
> in the "correctness" of the JavaScript and CSS implementations. Also,
> does it work in your browser? There are some positioning issues that I
> haven't worked out in IE 5 Mac/PC, but they are minor and I don't want
> to add any more JavaScript code (especially detect code) than is
> necessary to make these work.
>
> Thank you,
>
> Beau
>
> -- 
> * * Please support the community that supports you.  * *
> http://evolt.org/help_support_evolt/
>
> For unsubscribe and other options, including the Tip Harvester
> and archives of thelist go to: http://lists.evolt.org
> Workers of the Web, evolt !
> .
> Return-Path: <Mildred at discreet-classifieds.com>
> Received: from [206.167.250.112] by mail.londonweb.net (GMS
9.01.3158/NT5773.01.22548e27) with ESMTP id ddrmacaa for
chris at londonweb.net; Mon, 24 Nov 2003 03:06:11 +0000
> Subject: Are you still friends with her?
> From: Mildred at discreet-classifieds.com
> To: <chris at londonweb.net>
> MIME-Version: 1.0
> Content-Type: text/html; charset="US-ASCII"
> Content-transfer-encoding: 7bit
> Date: Mon, 24 Nov 2003 03:06:07 +0000
> Message-Id.