Tengo una tabla ya hecha en mi html
Código HTML :
<body> <table width="400" border="0" cellspacing="0" id="audioTbShow"> <tr> <th width="118" align="center">nombre</th> <th width="67" align="center">fecha</th> <th width="193" align="center">descripción</th> </tr> </table> </body>
cuando en la etiqueta tr pongo
Código HTML :
onmouseover='this.style.cursor="pointer";this.style.backgroundColor="#CCCCCC";' onmouseout='this.style.cursor="pointer";this.style.backgroundColor="#FFFFFF";'
de modo que cuando el mouse pase por encima la fila se sombree de gris y cuando salga vuelva a tener color blanco.
funciona bien en firefox e internet explorer, sin embargo para poder tener todo en orden saque esas lineas y las puse en un archivo js de la siguiente manera:
Código Javascript :
function crear_tabla() { var tabla_sh = document.getElementById("audioTbShow"); for (var a=1; a<4; a++) { var filaX = tabla_sh.insertRow(a); filaX.setAttribute('onmouseover', 'this.style.cursor="pointer";this.style.backgroundColor="#CCCCCC";'); filaX.setAttribute('onmouseout', 'this.style.cursor="pointer";this.style.backgroundColor="#FFFFFF";'); var celda1 = filaX.insertCell(0); var celda2 = filaX.insertCell(1); var celda3 = filaX.insertCell(2); celda1.setAttribute('align', 'center'); celda2.setAttribute('align', 'center'); celda3.setAttribute('align', 'center'); celda1.innerHTML = "el nombre"+(a); celda2.innerHTML = "la fecha"+(a); celda3.innerHTML = "la descripcion"+(a); } }
donde esta funcion invocada por
Código HTML :
<body onload="crear_tabla()">llama a la tabla del html insertandole 3 filas con sus respectivos contenidos. Sin embargo las lineas que corresponden al sombreado no fuincionan en internet explorer pero si en firefox, he buscado en documentacion DOM pero no he encotrado alguna excepcion que diga que explorer tiene problemas con los atributos al ser modificados desde una función. Alguien tiene alguna idea como solucionarlo??
Un saludo