I have worked on a three-tier drop down menu system designed with
pure css for functionality and javascript to achieve functionality in
IE.
The website can be found here:
http://www.newearthpermaculture.com.au/bm/BusMentorMenu18.htm
So far the CSS side appears to function flawlessly (aside from other
layout issues). The problem are now with the javascript code and IE.
On a purely validation issue the javascript code grabs 'li' through
child nodes on a 'id' and assigns them a class which has mouseover,
mouseout commands attached. This code however only gathers the direct
children and not nested children below this. This amounts to having
to use a second run through the javascript and multiple id's which of
course fails validation. Does anyone who knows javascript better than
myself tell me what needs changing in this code to get all children
gaining the class not just the direct child nodes. Here is the code:
if (document.all&&document.getElementById) {navRoot =
document.getElementById("menu");
for (i=0; i<navRoot.childNodes.length; i++) {node = navRoot.childNodes[i];
if (node.nodeName=="LI") {node.onmouseover=function()
{this.className+=" over";} node.onmouseout=function()
{this.className=this.className.replace(" over" "");}}}}
Any better recommendations on achieving the outcome of drop down
functionality in IE feel free to let me know.
I'm having issues now I have gone to three tiered version of this
menu which I'm hoping an alteration of the above code will assist so
one problem at a time.
An older menu system with 2 tiers is here:
http://www.newearthpermaculture.com.au/bm/BusMentorMenu15.htm which
functions better in IE on Mac and PC
Any help is greatly appreciated.
Wesley Lamont
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
