Hola a tod@s. Estoy intentando crear una página donde en principio solo aparezca un menú con una serie de opciones. Al elegir una opción, en la parte de abajo aparecerá el "include" con la página que hemos elegido.
El código es:
Código:
<html>
<head>
<style type="text/css">
.ocultar {display:none}
</style>
<script type="text/javascript">
var leido = null;
function mostrar(num) {
obj = document.getElementById(num);
obj.style.display = (obj==leido) ? 'none' : 'block';
if (leido != null)
leido.style.display = 'none';
leido = (obj==leido) ? null : obj;
}
</script>
</head>
<body>
<form name="prueba1">
<select name="evento">
<option value="" selected> Selecciona opción...</option>
<option value="opcion1" onClick="mostrar('uno')"> Opción 1</option>
<option value="opcion2" onClick="mostrar('dos')"> Opción 2</option>
<option value="opcion3" onClick="mostrar('tres')"> Opción 3</option>
<option value="opcion4" onClick="mostrar('cuatro')"> Opción 4</option>
</select>
</form>
<p class="ocultar" id="uno"><?php include("page1.html")?> </p>
<p class="ocultar" id="dos"><?php include("page2.html")?> </p>
<p class="ocultar" id="tres"><?php include("page3.html")?> </p>
<p class="ocultar" id="cuatro"><?php include("page4.html")?> </p>
</body>
</html>
Mis dudas son:
1. ¿Cómo consigo que me abra la página de la opción seleccionada con el teclado, además de poder seleccionarla con el ratón?
2. Soy bastante novata en javascript, ¿cómo puedo depurar la función para que si pico dos veces en una opción no desaparezca la página de abajo? Es decir, que solo desaparezca si pico en "Selecciona opción" pero que, por ejemplo, aunque pulse dos veces en la opción 1, la página 1 no desaparezca.
No sé si me explico bien... Muchas gracias por vuestra ayuda.