Pasando de hidden a visible y luego a hidden pierdo el contenido de página ¿Ayuda?

marcosr · #1 (**permalink**) 21/12/2006, 19:30

Hola compañeros, tengo una pregunta con la que espero me guíen a solucionar este problema que tengo. :)

Bueno paso a explicar, en mi página, tengo 3 capas una ensima de la otra, la idea es que yo las pueda hacer desaparecer y aparecer a pedido del usuario y para decir verdad esto lo hago, mediante pequeñísimo código JS que lo que hace es cambiar en el código CSS el valor visibility:hidden por visibility:visible y así lo hace cada vez que el usuario lo ejecute. En mi Firefox funciona de lujo pero con Internet Explorer es una verdadera pena, es decir puedo hacer que las capas aparezcan y desaparezcan pero es como si las capas estubieran siempre superpuestas a todo el contenido que va debajo es decir si hay un link debajo de donde está la capa ubicada, aunque la misma este oculta, no funciona, más bien el ratón ni siquiera pasa por encima de este sino que la capa está oculta (invisible...) pero de todos modos es como si estubiera allí. Ahhh, cuando a la capa se la hace aparecer, tampoco puedo hacer nada con el contenido de la capa, es como si simplemente esta no está allí aunque se vea, vuelvo a aclarar que todo con IE, Opera y Firefox es un placer.

Muchos saludos y desde ya muchísimas gracias :)

Por cierto, este es mi código javascript, más bien la función a la que llamo. Aclaro que el CSS es un simple style="visiblity:hidden;" y en una hoja de estilos tengo un id de capa.

Código HTML:

var capa
function cambio(idCapa){
 if (document.layers) capa = eval("document." + idCapa);
 if (document.all) capa = eval(idCapa + ".style");
 if (document.getElementById) capa = eval('document.getElementById("' + idCapa + '").style');

 if ((capa.visibility == "hidden") || (capa.visibility == "hide")){
  capa.visibility = (document.layers) ? "show" : "visible" ;
 }else{
  capa.visibility = (document.layers) ? "hide" : "hidden" ;
 }
}

PatomaS · #2 (**permalink**) 21/12/2006, 20:54

Hola

Para trabajar bien con lo que quieres hacer, la mejor manera es que no solo las hagas aparecer y desaparecer, si no que también las reduzcas, por ejemplo a un tamaño de 1 x 1 pixel, de esta manera te evitas sorpresas en cualquier sitio.

Felicidad

JavierB · #3 (**permalink**) 22/12/2006, 01:37

Mensaje movido al foro de JavaScript desde Css.

Saludos,

skaperna · #4 (**permalink**) 22/12/2006, 04:57

Hola,

yo utilizo algo parecido, y lo que hago es en vez de utilizar style="visiblity:hidden;" utilizo style="display: inline;" para la que quieras que se vea y style="display: none;" para la que quieres ocultar... a mi me funciona en IE, Firefox, Netscape, Opera, Safari y Camino.

marcosr · #5 (**permalink**) 22/12/2006, 13:44

Hola foreros, primero que nada gracias PatomaS, skaperna, gracias JavierB por reubicar mi tema correctamente.

La ayuda me ha sido de gran utilidad ya que cambiando el código JS a el que dejo al final por si es de utilidad de otra persona y cambiando en el parámetro style de las capas visibility:hidden por display:none he logrado que Internet Explorer mi página sea una joyita también.

Saludos y ojalá alguien más encuentre útil todo esto

A continuación el código JS:

Código HTML:

var capa
function cambio(idCapa){
 if (document.layers) capa = eval("document." + idCapa);
 if (document.all) capa = eval(idCapa + ".style");
 if (document.getElementById) capa = eval('document.getElementById("' + idCapa + '").style');

 if ((capa.display == "none") || (capa.display == "")){
  capa.display = (document.layers) ? "show" : "block" ;
 }else{
  capa.display = (document.layers) ? "hide" : "none" ;
 }
}