problema con DOM, Javascript e IE7 .. no os asusteis, es muy simple el esquema..

javi_al · #1 (**permalink**) 23/10/2007, 08:16

Hola buenas!!
Queria exponer el problema que me está dando IE7.
En un .html plano debo incluir una columna generada con DOM, para ello hago servir un archivo de javascript externo.

Moviendo el código generado con DOM al .js externo
Ningún problema en Mozilla y Opera,
pero en el IE7 las imagenes no se ven.....

Dejo aqui posteados los códigos que intervienen en la operación por si alguien sabe comentarme que es lo que debo modificar en el archivo .js para que pueda ejecutarse bien en IE7.

Codigo del html:

Código:

<div id='right_side'>
	  <h3>Distribuidor Oficial</h3>
	        <div id="ContDOM">
<body onload="javascript:pruebaDOM();">
</div>

Codigo del .js incluida la "traducción" de DOM:

Código:

function pruebaDOM(){
   //CODIGO GENERADO POR DOMTOOL
   var div1=document.createElement('div');
div1.setAttribute('ID','linkcontainer');
var ul1=document.createElement('ul');
ul1.setAttribute('ID','linklist');
div1.appendChild(ul1);
var li1=document.createElement('li');
li1.className='Estilo13';
ul1.appendChild(li1);
var div2=document.createElement('div');
div2.setAttribute('ALIGN','center');
li1.appendChild(div2);
var img1=document.createElement('img');
img1.setAttribute('src','armscor logo.gif');
img1.setAttribute('ALT','armscor');
img1.setAttribute('WIDTH','126');
img1.setAttribute('HEIGHT','37');
div2.appendChild(img1);
var li2=document.createElement('li');
li2.className='Estilo13';
ul1.appendChild(li2);
var div3=document.createElement('div');
div3.setAttribute('ALIGN','center');
li2.appendChild(div3);
var img2=document.createElement('img');
img2.setAttribute('src','Breakfree_logo.gif');
img2.setAttribute('ALT','Breakfree');
img2.setAttribute('WIDTH','123');
img2.setAttribute('HEIGHT','31');
div3.appendChild(img2);
var li3=document.createElement('li');
li3.className='Estilo13';
ul1.appendChild(li3);
var div4=document.createElement('div');
div4.setAttribute('ALIGN','center');
li3.appendChild(div4);
var img3=document.createElement('img');
img3.setAttribute('src','CED_logo.gif');
img3.setAttribute('WIDTH','131');
img3.setAttribute('HEIGHT','45');
div4.appendChild(img3);
var li4=document.createElement('li');
li4.className='Estilo13';
ul1.appendChild(li4);
var div5=document.createElement('div');
div5.setAttribute('ALIGN','center');
li4.appendChild(div5);
var img4=document.createElement('img');
img4.setAttribute('src','dillon_logo.jpg');
img4.setAttribute('WIDTH','130');
img4.setAttribute('HEIGHT','58');
div5.appendChild(img4);
var li5=document.createElement('li');
li5.className='Estilo13';
ul1.appendChild(li5);
var div6=document.createElement('div');
div6.setAttribute('ALIGN','center');
li5.appendChild(div6);
var img5=document.createElement('img');
img5.setAttribute('src','granpower_logo.gif');
img5.setAttribute('ALT','granpower');
img5.setAttribute('WIDTH','137');
img5.setAttribute('HEIGHT','53');
div6.appendChild(img5);
var li6=document.createElement('li');
li6.className='Estilo13';
ul1.appendChild(li6);
var div7=document.createElement('div');
div7.setAttribute('ALIGN','center');
li6.appendChild(div7);
var img6=document.createElement('img');
img6.setAttribute('src','HS_logo.gif');
img6.setAttribute('WIDTH','141');
img6.setAttribute('HEIGHT','40');
div7.appendChild(img6);
var li7=document.createElement('li');
li7.className='Estilo13';
ul1.appendChild(li7);
var div8=document.createElement('div');
div8.setAttribute('ALIGN','center');
li7.appendChild(div8);
var img7=document.createElement('img');
img7.setAttribute('src','infinity logo.jpg');
img7.setAttribute('ALT','infinity');
img7.setAttribute('WIDTH','54');
img7.setAttribute('HEIGHT','54');
div8.appendChild(img7);
var li8=document.createElement('li');
li8.className='Estilo13';
ul1.appendChild(li8);
var div9=document.createElement('div');
div9.setAttribute('ALIGN','center');
li8.appendChild(div9);
var img8=document.createElement('img');
img8.setAttribute('src','sickinger_logo.jpg');
img8.setAttribute('ALT','sickinger');
img8.setAttribute('WIDTH','129');
img8.setAttribute('HEIGHT','41');
div9.appendChild(img8);
var li9=document.createElement('li');
li9.className='Estilo13';
ul1.appendChild(li9);
var div10=document.createElement('div');
div10.setAttribute('ALIGN','center');
li9.appendChild(div10);
var img9=document.createElement('img');
img9.setAttribute('src','wolff_logo.gif');
img9.setAttribute('WIDTH','108');
img9.setAttribute('HEIGHT','50');
div10.appendChild(img9);

   //ANEXAMOS EL CONTENIDO
   var t = document.getElementById('ContDOM');
   t.appendChild(div1);
}

Muchas gracias de antemano y po vuetra atencion, espero que sea de gran ayuda para otras personas.

caricatos · #2 (**permalink**) 23/10/2007, 10:42

Hola javi_al, bienvenido a los foros

:

La verdad es que es raro lo que dices, ya que el código parece estar bien, aunque puedes omitir el uso de setAttribute ya que esos atributos, al ser estándar, los puedes incluir directamente:

img1.src = "armscor logo.gif";

Veo que el src de las imágenes es el único que se asigna con minúsculas (creo que todos esos atributos van en minúsculas.

Te paso la dirección de mi inspector DOM, que tal vez te pueda ser útil: Inspector DOM

Si pudieras indicarnos alhún sitio donde ver el código funcionar...

P.D: Acabo de probarlo en ie7 con una url que está bien y funciona

Saludos