Hola chicos:
Esta pregunta se parece a una que mandé hace tiempo. Resulta que tengo una tabla HTML donde una de sus filas debe estar oculta al inicio para luego mostrarse al hacer clic en un enlace. Para ese entonces yo tenía un código que funcionaba bien en Internet Explorer 6 y más o menos en Firefox.
Bueno... El código HTML de mi tabla es:
Código HTML:
<table class="tblgestion">
<!-- Esta fila sale oculta -->
<tr id="filaoculta" style="display: none">
<!-- Celdas y más celdas... -->
</tr>
</table> El código de mi enlace que mostrará/ocultará la fila es:
Código HTML:
<a href="" onclick="document.getElementById('filafiltros').style.display = document.getElementById('filafiltros').style.display == 'none' ? 'table-row' : 'none'; return false">Mostrar</a> El caso es que este código funcina muy bien en Firefox, que es mi navegador predeterminado, y en Opera; pero la pega es que la gente que usará la web que estoy haciendo usa Internet Explorer 7. Lo pruebo en ambos navegadores y en ambos la fila se muestra oculta al principio (lo que significaroa que ambos navegadores reconocen lo que es "style.display"); pero cuando hago clic en el vínculo estando en IE7 alli (oh sorpresa!) no funciona (arroja un error "No se pudo obtener la propiedad display . Argumento no válido").
Este tipo de cosas me revienta: que un código funcione enun navegador y en el otro no; pero en fin... ¿Cómo lo puedo arreglar? ¿Se puede arreglar?
Gracias