DogTags:
I'm also trying to address the IE6 and older browser issues.
Netscape 4 issue:
http://javascript.about.com/library/blsfmenu3.htm
IE6 and earlier issue (hover issue):
http://javascript.about.com/library/blsfmenu4.htm
How would this all fit into this? Where would the js go?
Thanks :smile:
Netscape 4 solution? but where would it go?:
<style media="screen">
@import url(sfmenu.css);
</style>
IE6 and earlier solution? but where would it go?:
// Enhanced Suckerfish menu
// refer to http://javascript.about.com/library/blsfmenu1.htm
// for more information
// you may copy this code but please keep the comments intact
// fix for IE hover
sfh = function() {var sfE = document.getElementById("nav").getElementsByTagName("li"); for (var i=sfE.length-1; i >= 0; i--) {sfE[i].onmouseover=function() { this.className+=" sfh"; }; sfE[i].onmouseout=function() { this.className=this.className.replace(new RegExp(" sfh\\b"), ""); }; }}; if (window.attachEvent) window.attachEvent("onload", sfh);
// fix for IE position:fixed bug
function posTop() {return typeof window.pageYOffset != 'undefined' ? window.pageYOffset : document.documentElement && document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ? document.body.scrollTop : 0;} function moveit() {var y = posTop() + 'px';document.getElementById('nav').style.top = y;} window.onscroll = moveit;
Both solutions above provided on the About.com pages referenced also above
