Problema con un script - Mostrar/Ocultar una tabla

[joros83]

Saludos , tengo el siguiente problema :

<script language="javascript">
function mostrar_ocultar(name)
{

if ( name == 'Add more pets' )
{
document.getElementById('button_pet').value='Close ';
document.getElementById('table_p1').style.display= 'table'; /// aqui es mi problema
}
if ( name == 'Close' )
{
document.getElementById('button_pet').value='Add more pets';
document.getElementById('table_p1').style.display= 'none';
}
}

</script>


al usar style.display='table'; para mostrar la tabla dado un click en un boton , me presenta el problema de que me funciona correctamente en mozilla , pero al usar el internet explorer no se me presenta nada de informacion , es decir no se muestra la tabla que estaba oculta y que la quiero mostrar luego de dar click , alguien me podria ayudar ??

No se si usar alguno de los atributos del display , intente usar 'block' , pero asi se me arreglo el problema en el internet explorer , mas en el mozilla me presento el problema que se me descuadra completamente y no quiero esto

Hay alguna manera de usar un metodo con un navegador y otro metodo diferente con un navegador distinto , de ser asi cual seria ?'

Muchas gracias por su ayuda

[crujikoki]

Hola,

La verdad que no me he preocupado de las incopatibilidades de IE y otros navegadores nunca, pero en tu casoyo lo que haría sería detectar el navegador antes de mostrar la tabla:

Código PHP:

  <script language="javascript"> 
function mostrar_ocultar(name) 
{ 
 
if ( name == 'Add more pets' ) 
{ 
document.getElementById('button_pet').value='Close '; 
navegador = navigator.appName; 
if (navegador == "Microsoft Internet Explorer") 
document.getElementById('table_p1').style.display= 'block'; 
else 
document.getElementById('table_p1').style.display= 'table'; 
} 
if ( name == 'Close' ) 
{ 
document.getElementById('button_pet').value='Add more pets'; 
document.getElementById('table_p1').style.display= 'none'; 
} 
} 
 
</script>  
  

Claro está que aquí solo he contemplado dos posibilidades, que sea Ie o que no losea. Si quieres que sea para más navegadores haces un switch o amplias el if y listos. espero que te sea de ayuda.

Saludos.

[Adler]

Hola

Yo siempre uso esta

Código PHP:

  var ns6 = (document.getElementById)? true:false
var ie4 = (document.all)? true:false
var ns4 = (document.layers)? true:false
function captura_objeto(idnombre) {
    if (ns6)
    {
    return document.getElementById(idnombre);
    }
    else if (ie4)
    {
    return document.all[idnombre];
    }
    else if (ns4)
    {
    return document.layers[idnombre];
    }
    else
    {
    return null;
    }
}


function mostrar(m) {
var obj = captura_objeto('muestra_ocultaobj_' + this.id)
        if (obj.style.visibility == 'hidden')  obj.style.visibility= "visible";
        else obj.style.visibility= "hidden";
}  
   

Suerte

[David]

La solución de Adler es buena, aunque hay que tener en cuenta que display y visibility no hacen exactamente la misma cosa. Lo mejor supongo yo sería como dijo crujikoki detectar el navegador y de acuerdo a eso cambiar el display.

[Adler]

Hola, tienes razón David

Así que ahí va este

Código PHP:

  function recoge_despliega(objid) {
obj = captura_objeto('muestra_ocultaobj_' + objid);
    if (obj) {
    obj.style.display = (obj.style.display == 'none') ? "block" : "none";
    }
}  
   

Suerte