30/08/2005, 14:44
|
 | | | Fecha de Ingreso: marzo-2003
Mensajes: 77
Antigüedad: 22 años Puntos: 0 | |
| varios valores en la misma opcion
Quiero poner algo similar a esto en mi página, pero no me funciona del todo.
<HTML>
<HEAD>
<script>
function OcultarCapa (Capa) {
Capa.style.visibility = "hidden"
}
function OcultarListadoCapas() {
a=OcultarListadoCapas.arguments;
for(i=0; i<a.length; i++)
OcultarCapa(a[i]);
}
</script>
</HEAD>
<BODY>
<form method="get" name="formulario">
<select onChange="javascript:OcultarListadoCapas(eval(docu ment.formulario.categorias.options[document.formulario.categorias.selectedIndex].value))" name="categorias">
<option value=capaA1,capaA3,capaA5>Opcion 1</option>
<option value=capaA2,capaA4>Opcion 2</option>
</select>
</form>
<div id="capaA1" Style="visibility:visible; background:red;">mi capa 1</div>
<div id="capaA2" Style="visibility:visible; background:blue;">mi capa 2</div>
<div id="capaA3" Style="visibility:visible; background:green;">mi capa 3</div>
<div id="capaA4" Style="visibility:visible; background:yellow;">mi capa 4</div>
<div id="capaA5" Style="visibility:visible; background:orange;">mi capa 5</div>
</BODY>
</HTML>
La funcion basicamente de esto es que tengo varias capas y desde un formulario "<select>" quiero elegir que capas se ocultan, el problema es que desde una misma opcion selecionada, se tienen que ocultar varias capas, y este ejemplo solo me oculta la ultima que tiene en "VALUE".
Asi por ejemplo si selecciono OPCION 1, solo me oculta la capaA5, pero la capaA1 y capaA3 no.
lo mismo sucede si selecciono OPCION 2, me oculta la capaA4, pero la capaA2 no.
¿Alguien sabe por que pasa esto. y como solucionarlo?
Os doy las Gracias anticipadas, puesto que siempre me habeis ayudado mucho. |