ocultar div con botón

cesarpunk · #1 (**permalink**) 17/09/2008, 21:33

hola amigos quiero ocultar un div al presionar un botón pero no logro hacerlo... aqui esta mi código , creo que he fallado en algo:

<script type="text/javascript">
function muestra_oculta(id){
if (document.getElementById){
var el = document.getElementById(id);
el.style.display = (el.style.display == 'none') ? 'block' : 'none';
}
}
</script>

<body>

<?
print "<input type='submit' name='buscador' value='Buscar' onClick='muestra_oculta('resultado')'>";
?>

<div id="resultado">"contenido"</div>
</body>

p.d. si lo pongo en un formulario que se llama a si mismo... afectará en algo?

jseros · #2 (**permalink**) 17/09/2008, 22:16

Hola,

Veo que estas usando PHP para imprimir el botón y también veo un problema en el uso de las comillas, ya que al usar la funcion print incluyes en el onClick unas comillas simples dentro de otras lo cual genera un error.

Prueba escapando las comillas con el caracter \:

Código PHP:

  print "<input type='submit' name='buscador' value='Buscar' onClick=\"muestra_oculta('resultado')\">";

Saludos!

caricatos · #3 (**permalink**) 17/09/2008, 23:07

Cita:

Iniciado por cesarpunk

...
p.d. si lo pongo en un formulario que se llama a si mismo... afectará en algo?

¡Je, je!... matiz importante

...

Al enviar el form a la misma página, ésta se mostrará según esté el código de la misma sin afectar el script de ocultamiento...

Ya que envías datos, puedes enviar un campo oculto con el estado que quieras que se encuentre esa capa:
<input type="hidden" name="div" value="<? echo ($_GET["div"] == "block") ? "none":"block"; ?>" />

y al cargar la página, en la sección style:

#capa {display: <?=$_GET["div"]; ?>;}

Saludos

CHuLoSoY · #4 (**permalink**) 18/09/2008, 04:41

También puedes probar el innerHTML para rellenar capas y ponerla vacía.

document.getElementById("div").innerHTML="" ;

Yo utilizo este método para cambiar todas las capas de la web de forma dinámica.