Problema - Mostrar/Ocultar (Firefox & IE)

[2HD]

Hola, el problema que tengo es el siguiente.
Tengo una Lista que contiene varias cosas, cuando estoy en firefox, si yo selecciono un item X de la lista aparece otra parte del formulario. Pero en Internet Explorer no funciona el javascript.

Porque Sera?
Alguno tiene algun script que funcione en FF y en IE?

Gracias!!!

El java que utilizo es el siguiente:

Código Javascript:

function cambiarDisplay(id) {
  if (!document.getElementById) return false;
  fila = document.getElementById(id);
  if (fila.style.display != "none") {
    fila.style.display = "none"; //ocultar fila
  } else {
    fila.style.display = ""; //mostrar fila
  }
}
 

Código HTML:

<table>
  <tr id="row1" onClick="cambiarDisplay('row2')">
   <td><strong> Televisores de LCD, Pantalla de Cristal L&iacute;quido</strong> (Stock: 90 unidades ) </td>
  </tr>
  <tr id="row2" onClick="cambiarDisplay('row2')" style="display:none">
   <td>Los Televisores de LCD brindan la m&aacute;s alta calidad de im&aacute;gen dentro de la gama de modelos de pantallas planas, lo que los convierte en una excelente opci&oacute;n para los m&aacute;s exquisitos. </td>
  </tr>
</table>
 

Imagen1: Internet Explorer
Imagen2: Firefox



Al seleccionar IMPRESORAS tendria que aparecer el menu modelo, eso pasa en firefox pero en IE7 , 8 no...

Gracias!!!

[quike88]

prueba aumentando var para declarar la variable, asi:

Código Javascript:

function cambiarDisplay(id) {
  if (!document.getElementById) return false;
  var fila = document.getElementById(id);
  if (fila.style.display != "none") {
    fila.style.display = "none"; //ocultar fila
  } else {
    fila.style.display = ""; //mostrar fila
  }
}
 

[2HD]

Iniciado por quike88

prueba aumentando var para declarar la variable, asi:

Código Javascript:

function cambiarDisplay(id) {
  if (!document.getElementById) return false;
  var fila = document.getElementById(id);
  if (fila.style.display != "none") {
    fila.style.display = "none"; //ocultar fila
  } else {
    fila.style.display = ""; //mostrar fila
  }
}
 

No funciona... es igual que antes.. :(

[2HD]

Probe con el mismo codigo el problema es cuando se le asigna el valor a un tr funciona, pero si se le asigna a un <option value="">
deja de funcionar..
ejemplo:

Código HTML:

<table>
  <tr id="row1" onClick="cambiarDisplay('row2')">
   <td><strong> Televisores de LCD, Pantalla de Cristal L&iacute;quido</strong> (Stock: 90 unidades ) </td>
  </tr>
  <tr id="row2" onClick="cambiarDisplay('row2')" style="display:none">
   <td>Los Televisores de LCD brindan la m&aacute;s alta calidad de im&aacute;gen dentro de la gama de modelos de pantallas planas, lo que los convierte en una excelente opci&oacute;n para los m&aacute;s exquisitos. </td>
  </tr>
</table>
 

Ahi esta asignado el valor a un tr, pero si lo hago asi:

Código HTML:

<option value="Impresora" id="row1" onClick="cambiarDisplay('row2')">Impresora</option>
 

Deja de funcionar... solo funciona en Firefox, en internet explorer no.

[2HD]

Avisen si tienen alguna respuesta o algo, gracias!!!

[quike88]

si usas un select, tienes que usar onChange en la etiqueta <select>, algo asi:

Código HTML:

<select onChange="cambiarDisplay(this.value)">
<option value="row1">Monitores</option>
<option value="row2">Impresora</option>
</select> 

[2HD]

Iniciado por quike88

si usas un select, tienes que usar onChange en la etiqueta <select>, algo asi:

Código HTML:

<select onChange="cambiarDisplay(this.value)">
<option value="row1">Monitores</option>
<option value="row2">Impresora</option>
</select> 

Ya fue solucionado...
Fue asi:

Código Javascript:

function mostrar_impresoras(elemento) {
 
if(elemento.value=="Impresora") {
   document.getElementById("mostrar_impresora").style.display = "inline";
} else {
   document.getElementById("mostrar_impresora").style.display = "none";
}
 
}
 

En el TR a ocultar se le asigna el siguiente valor:

Código HTML:

onchange="mostrar_impresoras(this);
 

Gracias a todos!

[m4sterz3r0]

Disculpa si no es mucha molestia podrias postear el codigo completo por que yo use ese codigo y cuando quiero ocultar un <TR></TR> no se oculta ni hace nada asi ps si eres tan amable de ponerlo completo. Gracias

[malandres]

Lo que pasa que TR no tiene un evento onchange, ahi si pueden ocupar un evento onclick, el evento onchage funciona con el select porque el tag select si lo tiene.

El onchage queda en este select asi como comenta el compañero 2HD

Código:

<select onChange="cambiarDisplay(this.value)">
<option value="row1">Monitores</option>
<option value="row2">Impresora</option>
</select>

pero en el TR iria con el evento onclick

Código:

<table>
<tr onclick="mostrar_impresoras(this);"><td>Mi celda</td></tr>
</table>

Saludos.