mostrar formulario con javascript

GABRIL · #1 (**permalink**) 21/07/2008, 19:05

hola, veran, a ver si alguien me da una manito,
tengo dos botones, uno de ellos dice crear usuario, el otro, actualizar, el asunto es que deseo que cuando haga clic sobre el boton crear usuario, se despliegue el formulario para capturar datos, pero sin hacer post, (para no cambiar de ventana, sino en la misma), lo he visto en algunos formulario que he rellenado, por ejemplo, cuando presiona el boton, datos personales, se habilita en ese momento el formulario de datos personales, en la misma ventana, abajo (casi siempre)

Lo que deseo es un ejemplo para guiarme y poder hacerlo, esperoi y haya sido claro, la verdad no tengo idea de como hacerlo, si conocen un link para acudir y ver algun ejemplo se los agradeceria.
by saludos..

pixel1 · #2 (**permalink**) 21/07/2008, 19:33

Bueno el asunto es relativamente sencillo, tal vez existan mejores soluciones pero aqui te dejo una:

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin t&iacute;tulo</title>
<script language="javascript">
function mostrarFormulario(id)
{
	var contenedor=document.getElementById(id);
	contenedor.style.display="block";
}
</script>
</head>

<body>
<table width="46%" border="0" cellspacing="4" cellpadding="2">
  <tr>
    <td><input type="submit" name="button" id="button" value="Crear usuario" onclick="mostrarFormulario('contenedor');"/>
    <input type="submit" name="button2" id="button2" value="Actualizar" /></td>
  </tr>
  <tr>
    <td>
    <div style="display:none" id="contenedor">
    <table width="100%" border="0" cellspacing="4" cellpadding="2">
      <tr>
        <td>FORMULARIO</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
    </table>
    </div>
    </td>
  </tr>
</table>
</body>
</html>

Si observas detenidamente, el boton Crear Usuario manda llamar una funcion en javascript que hace que el div con el id "contenedor" sea visible.

Saludos.

GABRIL · #3 (**permalink**) 21/07/2008, 19:41

magnifico, gracias por el ejemplo, funciona como yo queria..saludos...
by