Problemas al cargar <div con un checkbox

syntex · #1 (**permalink**) 03/11/2009, 11:23

Hola foreros,

Encontre este script donde apretando el checkbox te abre un <div>, pero cuando le doy al submit con el valor del checkbox "si" no se me abre el div, porque?

Código HTML:

<html>
<head>
<title>CB Hide/Show</title>
<script type="text/javascript">
<!--
function showMe (it, box) {
var vis = (box.checked) ? "block" : "none";
document.getElementById(it).style.display = vis;
}
//-->
</script>
</head>
<body>
<form action="" method="get">
<?
	if ($_GET[c1] == "si"){$ZX1 = "checked";}

?>
<input type="checkbox" name="c1" onClick="showMe('div1', this)" value="si" <? echo $ZX1; ?>>Show Hide Checkbox
<input type="submit"  value="">
<div id="div1" style="display:none">
	<table border=1 id="t1">
	<tr>
	<td>i am here!</td>
	</tr>
	</table>
</div>

</form>
</body>
</html>

A ver si alguien puede modificar el script para que cuando aprete el boton submit y el valor del checkbox sea "si"me indique el <div id="div1" style="display:none">

Gracias.

zerokilled · #2 (**permalink**) 03/11/2009, 11:32

aunque tu le indiques checked al checkbox no significa que el evento onclick debe ocurrir, este evento tiene que se explicitamente generado por el usuario. pero nada, lo que necesitas es invocar la funcion que muestra/oculta el DIV cuando el documento termine de cargar, o sea, en el evento onload. en la invocacion, tienes que pasarle los parametros necesario. en tu caso, el ID del DIV y el estado de dicho checkbox.

syntex · #3 (**permalink**) 03/11/2009, 11:34

Entonces remplazo onClick por onload?

syntex · #4 (**permalink**) 03/11/2009, 11:41

Me podrias pasar el script modificado?

Gracias.

zerokilled · #5 (**permalink**) 03/11/2009, 11:43

no, onclick lo deja donde esta tal cual lo tienes. lo que quise decir fue que tienes que crear un nuevo evento. lo puedes definir en el elemento BODY o desde el mismo script. http://www.w3schools.com/jsref/event_onload.asp

syntex · #6 (**permalink**) 03/11/2009, 12:23

E puesto en el body onload así y tampoco me funciona

<html>
<head>
<title>CB Hide/Show</title>
<script type="text/javascript">

</script>
</head>
<body onload="showMe()">
<form action="" method="get">
<? if ($_GET[c1] == "si"){$ZX1 = "checked";} ?>
<input type="checkbox" name="c1" onClick="showMe('div1', this)" value="si" <? echo $ZX1; ?>>Show Hide Checkbox
<div id="div1" style="display:none">
<table border=1 id="t1">
<tr>
<td>i am here!</td>
</tr>
</table>
</div>
<input type="submit" value="">
</form>
</body>
</html>

Pero cuando le doy al submit tampoco me funciona

zerokilled · #7 (**permalink**) 03/11/2009, 12:29

Cita:

en la invocacion, tienes que pasarle los parametros necesario. en tu caso, el ID del DIV y el estado de dicho checkbox.

syntex · #8 (**permalink**) 03/11/2009, 12:37

pero donde le paso los parametros del id del div en onload?

<body onLoad="showMe(div1)">

Pasame el script por favor que lo pueda ver.

zerokilled · #9 (**permalink**) 03/11/2009, 12:43

es que no tengo el script, solamente te estoy indicando lo que tienes que hacer. mas o menos asi como lo acabas de mostrar. solo que el primer parametro tiene que ser un string, envuelvelo en comillas simples. y el segundo parametro, como por tercera vez menciono, tienes que pasarle el estado del checkbox. para ello, tienes que tomar referencia del checkbox. por ejemplo, gregando un ID al checkbox y obtener la referencia con document.getElementById y luego leer la propiedad checked. ese valor devuelto es el que tienes que pasar al segundo parametro.

syntex · #10 (**permalink**) 03/11/2009, 12:49

Al final are algo con php porque en javascript voy pez y no me funciona.

zerokilled · #11 (**permalink**) 03/11/2009, 12:59

si vieras el ejemplo del segundo enlace, podrias haberlo sacado. esto es lo que tienes que pasarle al segundo parametro document.getElementById('unID').checked. y al input checkbox asignarle el mismo ID que refleja la linea anterior, es decir, <input ... id="unID" />

edit @ 14:02,
perdona, lo unico que tienes que pasar es la referencia del checkbox. es decir, document.getElementById('unID').

syntex · #12 (**permalink**) 04/11/2009, 00:17

pues no me funciona. En php lo que quieras pero en javascript. Y no me funciona al pulsar el submit