Foros del Web » Programando para Internet » Javascript »

Mostrar/ocultar capas

Estas en el tema de Mostrar/ocultar capas en el foro de Javascript en Foros del Web. Hola amigos, tengo un problema.... he buscado en las faq´s y he hecho el ejemplo que aparece, funciona perfectamente en safari y firefox pero en ...
  #1 (permalink)  
Antiguo 01/08/2011, 10:08
 
Fecha de Ingreso: marzo-2006
Ubicación: España
Mensajes: 12
Antigüedad: 18 años, 1 mes
Puntos: 0
Mostrar/ocultar capas

Hola amigos, tengo un problema.... he buscado en las faq´s y he hecho el ejemplo que aparece, funciona perfectamente en safari y firefox pero en ie7 no me va.... ¿sabeis qué puedo hacer?... yo uso MAC, y para correr el ie7 uso winbottle... no se si la "simulación" es correcta, el caso es que no me funciona...
¿me podeis echar una mano?

este es el código:
Código:
<html>
<head>
<script LANGUAGE="javascript">
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" ;
 }
}
//-->
</script>
</head>
<body>
<div id="capa1" style='position:relative;'>
Esta es la capa 1
</div>
<div id="capa2" style='position:relative;'>
Esta es la capa 2
</div>
<a href="#" onclick="cambio('capa1')">Muestra/oculta la capa 1</a>
<br>
<a href="#" onclick="cambio('capa2')">Muestra/oculta la capa 2</a>
</body>
  #2 (permalink)  
Antiguo 01/08/2011, 15:17
Avatar de zerokilled
Javascripter
 
Fecha de Ingreso: abril-2009
Ubicación: Isla del Encanto, La Borinqueña [+>==]
Mensajes: 8.050
Antigüedad: 15 años
Puntos: 1485
Respuesta: Mostrar/ocultar capas

buenas,
no se cuan confiable sea pero por lo menos en iexplorer8 cambiandolo a modo iexplorer7 me funciona. de todos modos el código esta algo "obsoleto". por ejemplo el uso de layers y all para obtener un elemento según sea el navegador. adicionalmente el uso de eval para evaluar código. para mejorarlo, basicamente lo único que necesitas es utilizar el método getElementById para obtener el elemento. seguido realizar la comprobación del valor asignado a la propiedad css para asignarle uno u otro valor.

Código:
// pseudocodigo;
var variable := getelement(id);
variable->style->property := (variable->style->property == value)? value1: value2;
__________________
la maldad es una virtud humana,
y la espiritualidad es la lucha del hombre contra su maldad.
  #3 (permalink)  
Antiguo 02/08/2011, 02:18
 
Fecha de Ingreso: marzo-2006
Ubicación: España
Mensajes: 12
Antigüedad: 18 años, 1 mes
Puntos: 0
Respuesta: Mostrar/ocultar capas

Muchas gracias... funciona perfectamente, era la simulación con wine de explorer que no funciona el javascript.


Mil gracias.

Etiquetas: capas, html
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 12:23.