pinchando en cada enlace cambia elcontenido de una capa

susaninhax · #1 (**permalink**) 10/03/2006, 05:12

Buenas compañeros;

Estoy intentando hacer una pag. de aviones, y necesito hacer un cuadro para la búsqueda de vuelos, y hoteles. y ambas cosas.

Había pensado en hacer que al pinchar sobre cada menú(enlace) me cambie una única capa con el formulario correspondiente. Si pincho sobre vuelo, me tiene que cambiar la capa con el formulario correspondiente a vuelo, si pincho sobre hotel, desaparece el formulario de vuelo y aparecería el formulario correspondiente con hotel, y así sucesivamente.

Alguien me puede dar alguna pista o decirme como puedo hacerlo o empezar??? os estaría muy agradecida de corazon.

Un saludo a todos, y muchas gracias de antemano!!

JavierB · #2 (**permalink**) 10/03/2006, 05:46

Hola susaninhax

Te pongo un ejemplo de mostrar/ocultar capas:

Código:

<html>
<head>
<script type="text/javascript">
var visto = null;
function ver(capa) {
  obj = document.getElementById(capa);
  for (i=0; ele = document.getElementsByTagName('div')[i]; i++)
    ele.style.display = 'none';
  obj.style.display = 'block';
}
</script>
</head>
<body>
<a href="#" onclick="ver('vuelo')">Vuelo</a>
<a href="#" onclick="ver('hotel')">Hotel</a>
<a href="#" onclick="ver('otro')">Otro</a>
<div id="vuelo">Vuelo</div>
<div id="hotel" style="display:none">Hotel</div>
<div id="otro" style="display:none">Otro</div>
</body>
</html>

Saludos,

susaninhax · #3 (**permalink**) 10/03/2006, 09:33

Muchísimas gracias Javier B;

era justo lo que necesitaba, me ha servido de mucho de veras

Un saludo y nuevamente gracias

tunait · #4 (**permalink**) 11/03/2006, 04:07

Tema trasladado desde (x)html