mostrar-ocultar capas

itxaso · #1 (**permalink**) 03/09/2009, 04:59

Hola a todos,
tengo una lista menu con: carne y verdura. La idea es que al pulsar en verdura muestre un campo de texto al lado para poder escribir lo que quieras y que cuando seleccionas carne este campo de texto se vacíe y se oculte. Eso sí, nada más cargar la página este campo de texto debe estar oculto.

Por favor como puedo hacerlo? Hay que tener cuidado porque los datos que se introduzcan en este campo de texto se recogen en otra pagina, de forma que si pongo "coliflor" en la siguiente pagina pondra coliflor y si seleccionamos carne, en la siguiente pagina no aparecera nada.

Gracias

quimfv · #2 (**permalink**) 03/09/2009, 05:14

Código HTML:

<html>
<head>
<title>Documento sin t&iacute;tulo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
function escoge(que){
	if(que=="verdura"){
		document.getElementById("nombre").style.display="block";
	}else{
		document.getElementById("nombre").style.display="none";
		document.getElementById("nombre").value="";
	}
}
</script>
</head>
<body>
<a href="#" onClick="escoge('verdura')">verdura</a><br>
<a href="#" onClick="escoge('carne')">carne</a><br>
<input name="nombre" type="text" id="nombre" style="display:none">
</body>
</html>

Te sirve?

Quim

itxaso · #3 (**permalink**) 03/09/2009, 05:49

Gracias por contestar quimfv, pero no es exactamente lo que necesito.

Es algo así pero utilizando del formulario la opcion lista/menu.

Alguna idea?

un saludo

mayid · #4 (**permalink**) 03/09/2009, 13:35

Sea que uses <select> o tambien <ul> <li> el tema de las id es lo mejor para resolver tu tema:
getElementById("seleccionado")

Basandote en el ejemplo que te dieron, deberías cambiar el evento onclick por un evento select. Y listo.