> Faqs > Plegar y desplegar capas desde icono

Plegar y desplegar capas desde icono

Ante todo, gracias por vuestra atención. No tengo casi ni media idea de programar. Por favor, me gustaría que corrigiéseis el script para quedar simplemente listo de copiarlo y que funcione. ¿Cómo hago para que al plegar y desplegar la capa pulsando el icono cambie de forma dicho icono?. Por ejemplo, flecha hacia abajo cuando esté cerrado y flecha hacia arriba cuando esté desplegada para indicar que al pulsarla se cerrará? He visto (no recuerdo dónde) este script: <!--esto va en el 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> <!--esto va en el head--> ---------**-------------- <!--esto va en el body--> <!--inicio 1º --> Para consultar más información pulse los iconos <a href=#"#" onclick="cambio('capa1')"><img src="iconos/nombredelicono.gif" alt="abrir cerrar" width="12" height="17" border="0"/></a></p> <div id="capa1" style='position:relative; visibility: hidden;'> Esta es la capa 2 que muestra el contendio de la capa 1 Esta es la capa 2 que muestra el contendio de la capa 2 Esta es la capa 2 que muestra el contendio de la capa 2 Esta es la capa 2 que muestra el contendio de la capa 2 Esta es la capa 2 que muestra el contendio de la capa 2 Esta es la capa 2 que muestra el contendio de la capa 2 Esta es la capa 2 que muestra el contendio de la capa 2 <a href="/orange\_web/mapa.htm" target="\_self">enlace aquí para ver</a> <img src="/orange\_web/iconos/montana\_bicolor.jpg" alt="" /></div> <!--fin 1º -->

Responder la pregunta
Editar Hacer otra preguntaPreguntar

Respuestas

Hola, Yo te recomiendo que hagas esto con AJAX o Mootools que es más rápido y limpio, ademas da a una página una mayor vistosidad. Aqui mismo en desarrolloweb tienes manuales tanto de AJAX(http://www.desarrolloweb.com/ajax/) como de Mootool (http://www.desarrolloweb.com/manuales/manual-mootools.html) y seguramente que te expliquen como hacerlo... Un saludo Sergio

Sergio