Hola amigos, soy nueva en el foro, y de verdad necesito su ayuda. Resulta que hice un menu desplegable horizontal con css y javascript el cual se ejecuta maravillosamente en google chrom, mozilla, opera, netscape, excepto en Internet Explorer. EL .js es el siguiente:
var isDOM=document.getElementById; //DOM1 browser (MSIE 5+, Netscape 6, Opera 5+)
var isOp=isO5=window.opera && isDOM; //Opera 5+
var isOp7=isOp && document.readyState; //Opera 7+
var isIE=document.all && document.all.item && !isOp; //Microsoft Internet Explorer 4+
var isMz=isDOM && navigator.appName=="Netscape"; //Mozilla or Netscape 6.*
function DetectorNavegador() {
this.NS4 = document.layers;
this.IE4 = document.all;
this.DHTML = this.NS4 || this.IE4;
}
var soporta = new DetectorNavegador();
stuHover = function() {
var cssRule;
var newSelector;
for (var i = 0; i < document.styleSheets.length; i++)
for (var x = 0; x < document.styleSheets[i].rules.length ; x++)
{
cssRule = document.styleSheets[i].rules[x];
if (cssRule.selectorText.indexOf("LI:hover") != -1)
{
newSelector = cssRule.selectorText.replace(/LI:hover/gi, "LI.iehover");
document.styleSheets[i].addRule(newSelector , cssRule.style.cssText);
}
}
var getElm = document.getElementById("nav").getElementsByTagNam e("LI");
for (var i=0; i<getElm.length; i++) {
getElm[i].onmouseover=function() {
this.className+=" ieHover";
}
getElm[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" ieHover\\b"), "");
}
}
}
if (window.attachEvent) window.attachEvent("onload", stuHover);
me gustaria saber si hay un codigo que haga compatible esto con todos los navegadores web.
De antemano muchas gracias