Ayuda con este <script> tengo el siguiente codigo java que es una navegacion por pesañas, en firefox me funciona perfecto, mientras que en IExplorer no funciona. Alguien de ustedes me peude ayudar a corregirlo? de antemano, gracias:)
Código:
lo siento se me olvido las funciones :P<ul id="tabnav">
<li class="activo" id="bt1"><a href="javascript:ObtenerDatos('home.html','ContTabul');CambiarEstilo('bt1');">Home</a></li>
<li class="inactivo" id="bt2"><a href="javascript:ObtenerDatos('exposiciones.html','ContTabul');CambiarEstilo('bt2');">Exposiciones</a></li>
<li class="inactivo" id="bt3"><a href="javascript:ObtenerDatos('contacto.html','ContTabul');CambiarEstilo('bt3');">Contacto</a></li>
</ul>
Código:
<script language = "javascript" type="text/javascript">
var peticion = false;
if (window.XMLHttpRequest) {
peticion = new XMLHttpRequest();
} else if (window.ActiveXObject) {
peticion = new ActiveXObject("Microsoft.XMLHTTP");
}
function ObtenerDatos(datos,divID) {
if(peticion) {
var obj = document.getElementById(divID);
peticion.open("GET", datos);
peticion.onreadystatechange = function() {
if (peticion.readyState == 3) {
obj.innerHTML = peticion.responseText;
}
}
peticion.send(null);
}
}
function CambiarEstilo(id) {
var elementosMenu = getElementsByClassName(document, "li", "activo");
for (k = 0; k< elementosMenu.length; k++) {
elementosMenu[k].className = "inactivo";
}
var identity=document.getElementById(id);
identity.className="activo";
}
function getElementsByClassName(oElm, strTagName, strClassName){
var arrElements = (strTagName == "*" && document.all)? document.all : oElm.getElementsByTagName(strTagName);
var arrReturnElements = new Array();
strClassName = strClassName.replace(/\-/g, "\\-");
var oRegExp = new RegExp("(^|\\s)" + strClassName + "(\\s|$)");
var oElement;
for(var i=0; i<arrElements.length; i++){
oElement = arrElements[i];
if(oRegExp.test(oElement.className)){
arrReturnElements.push(oElement);
}
}
return (arrReturnElements)
}
</script>
