Buenas, veras intente ir un paso mas alla aprovechando el codigo que me habias dejado escrito, e incorpore el menu desplegable dentro de un formaulario mas grande que ya tenia desarrollado. El problema es que no entendi muy bien alguna de las funciones que escribiste, sobre todo lo relativo a javascrip. Supongo que lo que hace es asignar dos tipo de variables, unas que permaneceran ocultas(h) y otras que se mostraran(s) en funcion de la opcion seleccionada. Pero al introducir 4 tipos de variables se acaban solapando los menus y me aparecen unos a continuacion de los otros y cosas asi. Que es lo que estoy haciendo mal en el sigueinte codigo??
Código HTML:
<fieldset><legend>Tipo de Punto de Interés:</legend>
<script language="javascript" type="text/javascript">
function showOptions(h,s){
document.getElementById(s).style.display = 'block';
document.getElementById(h).style.display = 'none';
}
</script>
</head>
<body>
<form action="routing.php" method="post">
<select>
<option onclick="showOptions('bar','hotel','pub','restaurante');">Restaurante</option>
<option onclick="showOptions('bar','restaurante','pub','hotel');">Hotel</option>
<option onclick="showOptions('restaurante','hotel','pub','bar');">Bar</option>
<option onclick="showOptions('bar','restaurante','hotel','pub');">Pub</option>
</select>
<div id="hotel" style="display:none;">
<INPUT type="hidden" NAME="tipo" value="hotel">
<INPUT TYPE="CHECKBOX" NAME="B&B" value="B&B">Bed&Breakfast<BR>
<INPUT TYPE="CHECKBOX" NAME="Parking" value="Parking">Parking privado<BR>
<INPUT TYPE="CHECKBOX" NAME="Wifi" value="Wifi">Wifi<BR>
<INPUT TYPE="CHECKBOX" NAME="Piscina" value="Piscina">Piscina<BR>
<INPUT TYPE="CHECKBOX" NAME="Animacion" value="Animacion">Servicio de Animacion<BR>
</div>
<div id="restaurante" style="display:none;">
<INPUT TYPE="hidden" NAME="tipo" value="restaurante">
<INPUT TYPE="CHECKBOX" NAME="ServicioDomicilio" value="ServicioDomicilio">Servicio a domicilio<BR>
<INPUT TYPE="CHECKBOX" NAME="PPV" value="PPV">PPV<BR>
<INPUT TYPE="CHECKBOX" NAME="Parkingprivado" value="Parkingprivado">Parking privado<BR>
<INPUT TYPE="CHECKBOX" NAME="Menuinfantil" value="Menuinfantil">Menu infantil<BR>
<INPUT TYPE="CHECKBOX" NAME="Menuvegetariano" value="Menuvegetariano">Menu vegetariano<BR>
<INPUT TYPE="CHECKBOX" NAME="Bodas" value="Bodas">Salon especial para bodas<BR>
</div>
<div id="bar" style="display:none;">
<INPUT TYPE="hidden" NAME="tipo" value="bar">
<INPUT TYPE="CHECKBOX" NAME="ServicioDomicilio" value="ServicioDomicilio">Servicio a domicilio<BR>
<INPUT TYPE="CHECKBOX" NAME="PPV" value="PPV">PPV<BR>
<INPUT TYPE="CHECKBOX" NAME="Parkingprivado" value="Parkingprivado">Parking privado<BR>
<INPUT TYPE="CHECKBOX" NAME="Menudia" value="Menudia">Menu del dia<BR>
<INPUT TYPE="CHECKBOX" NAME="Sidreria" value="Sidreria">Sidreria<BR>
<INPUT TYPE="CHECKBOX" NAME="TakeAway" value="TakeAway">Menus para llevar<BR>
</div>
<div id="pub" style="display:none;">
<INPUT TYPE="hidden" NAME="tipo" value="pub">
<INPUT TYPE="CHECKBOX" NAME="billar" value="billar">Billar<BR>
<INPUT TYPE="CHECKBOX" NAME="Pistabaile" value="Pistabaile">Pista de baile<BR>
<INPUT TYPE="CHECKBOX" NAME="cocteles" value="cocteles">Carta de cocteles<BR>
<INPUT TYPE="CHECKBOX" NAME="chupitos" value="chupitos">Carta de chupitos<BR>
<INPUT TYPE="CHECKBOX" NAME="karaoke" value="karaoke">karaoke<BR>
</div>
</fieldset> Muchas gracias y un saludo nuevamente