SAludos a todos en el foro.
Estoy peleandome con un nodo que creo de manera dinámica, el nodo en sí es un div que muestra una imagen y un letrero que dice "Cargando".
Les explico lo que deseo hacer; mando llamar a mi función que me crea un elemento tipo iframe, creo sus atributos y se lo agrego a un div donde debe ir la información.
Como es un iframe hago uso de uno de sus atributos "onload" para llamar a otra función que lo que hace es eliminar el letrero de cargando.
Para variar en firefox funciona de maravilla, pero en ie no funciona y aquí es donde he intentado de todo.
Aquí mi código
Código:
//esta función se ejecuta cuando detecta un cambio en una caja tipo select
function setFilter2(municipio1,entidad1,div,dataSource) {
var cargarDiv = document.getElementById("contenido");
cargarDiv.innerHTML= '<div id="barra" align="center"><img loop="-1" align="middle" src="barraProgreso.gif"><br>Cargando..</div> ';
var nuevaOpcion=document.createElement("iframe");
nuevaOpcion.id = "grid";
nuevaOpcion.width = 800+"px";
nuevaOpcion.height = 1200+"px";
nuevaOpcion.frameBorder = 0;
nuevaOpcion.scrolling = "auto";
nuevaOpcion.marginWidth =1;
nuevaOpcion.setAttribute("src", "grid.php?entidad="+entidad1+"&municipio="+municipio1);
cargarDiv.appendChild(nuevaOpcion);
nuevaOpcion.onload= eliminar;
}
//con esta función elimino el letrero cargando una vez que el iframe se ha cargado
function eliminar(){
var iframeEl = document.getElementById("contenido");
var y = document.getElementById("barra");
iframeEl.removeChild(y);
}
Alguien sabe como lo puedo solucionar para que funcione en cualquier navegador??
Ayuda por favor.