cambiar codigo mediante checkbox

luz506 · #1 (**permalink**) 10/06/2006, 20:14

hola, aqui estoy pidiendo ayuda nuevamente, tengo que hacer una pantalla para una busqueda, con checkbox, es decir si esta seleccionado deben aparecer los campos para una busqueda avanzada y si no esta seleccionado aparecen los campos para una busqueda normal y pense hacerlo asi:

Cita:

<form name="frm_buscar" method="post">
<input type="checkbox" name="avanzada" onClick="tipoBusqueda()"> Avanzada <br>
<?=$registros?> Registros

<script language="javascript">
function tipoBusqueda(){
if (document.frm_buscar.avanzada.checked){
document.write("busqueda avanzada")
//aqui van unos campos
}
else{
document.write("busqueda normal")
//aqui van otros campos
}
}
</script>
<!-- aqui van los otros campos para la busqueda ->
</form>

el problema es que cuando se selecciona el check, los textos se cargan eliminando todo los demas campos, como text, radio buttos, etc.

vi en el faq una forma de aumentar codigo pero es escribiendo todo codigo html dentro de writeln, y serviria muy bien sino fuera por que tambien hay codigo php en ese formulario, variables que se cargan cuando el form se envia.

espero haberme explicado bien y que me ayuden a resolver mi problema, tambien acepto nuevas ideas de como resolverlo

JavierB · #2 (**permalink**) 11/06/2006, 02:27

Hola luz506

Creo que lo más sencillo es que tuvieras el formulario completo y mostraras/ocultaras las partes necesarias. Te pongo un ejemplo:

Código PHP:

  <html>
<head>
<script type="text/javascript">
function tipoBusqueda(chk){
  document.getElementById('normal').style.display = (chk) ? 'none' : 'block';
  document.getElementById('avanzada').style.display = (chk) ? 'block' : 'none';
}
</script>
</head>
<body>
<form>
<input type="checkbox" onclick = "tipoBusqueda(this.checked)" />
<fieldset id="normal">
<input type="text" value="Normal" />
</fieldset>
<fieldset id="avanzada" style="display:none">
<input type="text" value="Avanzada" />
</fieldset>
</form>
</body>
</html>

Saludos,

luz506 · #3 (**permalink**) 14/06/2006, 11:54

hola JavierB, gracias por tu solucion, es muy buena, solo me keda una duda, cual es la diferencia entre la propiedad name e ID, pk cuando mi checkbox tenia la propiedad no funciona, en cambio si se lo kito pues si.

gracias!