this is a javascript I found on the web that will allow my css dropdowns to work in ie.
and it works, however I have two other drop down menus that do not work.
is there anyway to have the same script with 3 ids like
nav, nav1 and nav2 and all work at the same time?
thank you very much!!!
<script type=”text/javascript”>
startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById(“nav”);
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”, “”);
}
}
}
}
}
window.onload=startList;
</script>
<div id=”centernav”>
<div id=”button1″>
<ul class=”center”>
<li class=”center”><a href=”../AlixPartners.com/index.html” class=”center”>Home</a></li>
</ul></div>
<div id=”button2″>
<ul class=”center” id=”nav”>
<li class=”center”><a href=”../AlixPartners.com/services.html” class=”center”>Services</a>
<ul class=”center”>
<li class=”center”><a href=”../AlixPartners.com/pi.html” class=”center”>Performance
Improvement</a></li>
<li class=”center”><a href=”../AlixPartners.com/trs.html” class=”center”>Turnaround
News & Restructuring</a></li>
<li class=”center”><a href=”../AlixPartners.com/fas.html” class=”center”>Financial
Advisory</a></li>
<li class=”center”><a href=”../AlixPartners.com/itts.html” class=”center”>IT
Turnarounds</a></li>
<li class=”center”><a href=”../AlixPartners.com/cms.html” class=”center”>Case
Management</a></li>
</ul>
</li>
</ul>
</div>
<div id=”button3″>
<ul class=”center” id=”nav”>
<li class=”center”><a href=”‘../AlixPartners.com/news.html” class=”center”>News
& Media</a>
<ul class=”center”>
<li class=”center”><a href=”../AlixPartners.com/press.html” class=”center”>Press
Releases</a></li>
<li class=”center”><a href=”../AlixPartners.com/articles.html” class=”center”>Articles/Links</a></li>
<li class=”center”><a href=”../AlixPartners.com/resources.html” class=”center”>Resources/Logos</a></li>
</ul>
</li>
</ul>
</div>
<div id=”button4″>
<ul class=”center” id=”nav”>
<li class=”center”><a href=”‘../AlixPartners.com/professionals.html” class=”center”>Professionals</a>
<ul class=”center”>
<li class=”center”><a href=”../AlixPartners.com/principals.html” class=”center”>Managing
Directors</a></li>
<li class=”center”><a href=”../AlixPartners.com/sen_assoc.html” class=”center”>Directors</a></li>
<li class=”center”><a href=”../AlixPartners.com/assoc.html” class=”center”>Vice
Presidents</a></li>
<li class=”center”><a href=”../AlixPartners.com/consultants.html” class=”center”>Associates/Analysts</a></li>
<li class=”center”><a href=”../AlixPartners.com/ap.html” class=”center”>Administrative
Professionals</a></li>
</ul>
</li>
</ul>
</div>
<div id=”button5″><ul class=”center”>
<li class=”center”><a href=”../AlixPartners.com/locations.html” class=”center”>Locations</a></li>
</ul></div>
<div id=”button6″><ul class=”center”>
<li class=”center”><a href=”../AlixPartners.com/careers_fs.html” class=”center”>Careers</a></li>
</ul></div>
<div id=”button7″><ul class=”center”>
<li class=”center”><a href=”../AlixPartners.com/contact_fs.html” class=”center”>Contact
Us</a></li>
</ul>
</div>
</div>