Hacer visible un div en javascript

alfredosan222 · #1 (**permalink**) 08/02/2011, 09:57

Hola,
os muestro un ejemplo muy sencillo para que veáis el problema que tengo; No consigo ejecutar lo de la función de Javascript "Mostrar" que está en la parte inferior; Si alguien sabe cómo solucionarlo, le agradecería que me lo explicase, muchas gracias:

<html>
<head></head>
<body bgcolor = "#DDDDDD">
<form id='alta' name='nalta' action='otra_pagina.php' method=post >
<div name='ee' style='visibility:hidden;'>listado
<select >
<option value="0"></option>
<option value="1">111</option>
<option value="2">222</option>
<option value="3">333</option>
</select>
</div>
<select onchange='mostrar()'>
<option value="0"></option>
<option value="1">uno</option>
<option value="2">dos</option>
<option value="3">tres</option>
</select>

<script>
function mostrar() {
document.nalta.ee.style.visibility ='visible';
};
</script>
</form>
</body>
</html>

JavierB · #2 (**permalink**) 08/02/2011, 10:55

Hola alfredosan222

Los div no tienen name. Tendrás que poner un id y utilizar

Código Javascript:

Ver originaldocument.getElementById('tuId').style...

Saludos,

anacona16 · #3 (**permalink**) 08/02/2011, 10:59

Código HTML:

Ver original<html>
<head>
<script type="text/javascript">
function mostrar() {
document.getElementById('ee').style.display ='inherit';
};
</script>
</head>
<body bgcolor = "#DDDDDD">
<form id='alta' name='nalta' action='otra_pagina.php' method="post" >
 
<select onchange='mostrar()'>
<option value="0"></option>
<option value="1">uno</option>
<option value="2">dos</option>
<option value="3">tres</option>
</select>
 
<div id="ee" style="display:none">listado
<select>
<option value="0"></option>
<option value="1">111</option>
<option value="2">222</option>
<option value="3">333</option>
</select>
</div>
</form>
</body>
</html>

Prueba asi tal vez funcione

raxper · #4 (**permalink**) 08/02/2011, 13:52

Cita:

Iniciado por anacona16

Código HTML:

Ver original<html>
<head>
<script type="text/javascript">
function mostrar() {
document.getElementById('ee').style.display ='inherit';
};
</script>
</head>
<body bgcolor = "#DDDDDD">
<form id='alta' name='nalta' action='otra_pagina.php' method="post" >
 
<select onchange='mostrar()'>
<option value="0"></option>
<option value="1">uno</option>
<option value="2">dos</option>
<option value="3">tres</option>
</select>
 
<div id="ee" style="display:none">listado
<select>
<option value="0"></option>
<option value="1">111</option>
<option value="2">222</option>
<option value="3">333</option>
</select>
</div>
</form>
</body>
</html>

Prueba asi tal vez funcione

alfredosan222 · #5 (**permalink**) 09/02/2011, 09:51

Muchas gracias!!, así funciona perfectamente

anacona16 · #6 (**permalink**) 09/02/2011, 10:01

Asi como, por cual opcion optaste?

alfredosan222 · #7 (**permalink**) 10/02/2011, 07:19

Lo probé con lo que me pusiste tú (anacona16) porque venía el ejemplo al completo.

También os lo agradezco a los de más; lo que decía JavierB es cierto también.

El único problema, que me he dado cuenta ahora, es que sólo funciona en Firefox (que es donde estaba haciendo mis pruebas) y no con el Explorer... ¿alguna idea?...

alfredosan222 · #8 (**permalink**) 14/02/2011, 05:18

Ya sé lo que pasaba; funciona bien con la versión 8 de Explorer, pero no con las anteriores.