06/07/2006, 05:23
|
 | Moderador | | Fecha de Ingreso: abril-2002 Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años, 9 meses Puntos: 1284 | |
Hola:
Empecé a mirar el artículo y creo que xomplican bastante un tema sencillo... 
Una idea es tener una relación de capas con los estados que se quiera:
Código:
<html>
<head>
<title>1, 2, 3, ¡probando!...</title>
<script>
var capas = new Array();
capas["ops1"] = "capa1:block,capa2:none,capa3:block,capa4:none,capa5:block";
capas["ops2"] = "capa1:block,capa2:block,capa3:block,capa4:block,capa5:block";
capas["ops3"] = "capa1:block,capa2:none,capa3:none,capa4:none,capa5:none";
function muestra(ops) {
caps = capas[ops].split(",");
for (var i = 0, total = caps.length; i < total; i++) {
pareja = caps[i].split(":");
document.getElementById(pareja[0]).style.display = pareja[1];
}
}
</script>
</head>
<body>
<div id="capa1" > capa 1 </div>
<div id="capa2" > capa 2 </div>
<div id="capa3" > capa 3 </div>
<div id="capa4" > capa 4 </div>
<div id="capa5" > capa 5 </div>
<form>
<select onchange="muestra(this.value)">
<option value="ops1" > Opciones 1 </option>
<option value="ops2" > Opciones 2 </option>
<option value="ops3" > Opciones 3 </option>
</select>
</form>
</body>
</html>
Saludos 
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo |