Foros del Web

Foros del Web (http://www.forosdelweb.com/)
-   Javascript (http://www.forosdelweb.com/f13/)
-   -   campo de texto con javascript (http://www.forosdelweb.com/f13/campo-texto-con-javascript-568657/)

angelmf 24/03/2008 08:35

campo de texto con javascript
 
hola buenos dias me gustaria saber como puedo generar un campo de texto desde javascript, el caso esta en que yo tengo un codigo de radio buttoms en la que tengo dos opciones departamento y empleado entonces si el cliente de la aplicacion hace click en alguno de las opciones entonces le aprecera un campo de texto para llenar los requerimientos de dicha opcion en este caso un campo de texto, muchas gracias de antemano

JavierB 24/03/2008 08:43

Re: campo de texto con javascript
 
Hola angelmf

Lo más sencillo es tener un campo oculta y mostrarlo cuando sea necesario:

Código:

<form>
Si: <input type="radio" name="rad" onclick = "txt.style.display = 'block'" /><br />
No: <input type="radio" name="rad" onclick = "txt.style.display = 'none'" /><br />
<input type="text" name="txt" style="display:none" />
</form>

Saludos, :adios:

angelmf 24/03/2008 09:00

Re: campo de texto con javascript
 
pero el problema esta en que si yo cmabio de opcion igual me aparece el campo de texto es decir si yo tengo dos opciones nombre: y apelido: y por error le doy click a nombre y luego rectifico y le doy a apellido igual me salen los dos campos de textos y podria llenar tanto nombre como apellido y yo debo amarrar a que solo se pueda llenar una opcion

angelmf 24/03/2008 09:16

Re: campo de texto con javascript
 
explico mejor lo que quiero hacer tengo dos opciones para guardar unos datos la opcion de que el objeto pertenezca a un departamento que solo tiene un nombre y tambien la opcion de que el objeto pertenezca a una persona y entonces en ese caso llenar dos campos de texto uno con el nombre y el otro con el apellido y dicho objeto no puede pertenecer a un departamento y a una persna a la vez si me explico?

JavierB 24/03/2008 09:35

Re: campo de texto con javascript
 
Hola de nuevo.

Cada vez lo entiendo menos :pensando: Pon el código que estás usando, a ver si podemos ver donde está el fallo.

Saludos, :adios:

angelmf 24/03/2008 09:37

Re: campo de texto con javascript
 
Código HTML:

<table >
        <tr>
          <td width="117">
            <input type="radio" name="GrupoOpciones1" value="dpto" id="GrupoOpciones1_0" onclick="dpto.style.display = 'block'">
            Departamento</td><td width="170"><input type="text" name="dpto" style="display:none" /></td>
        </tr>
        <tr>
          <td>
            <input type="radio" name="GrupoOpciones1" value="empleado" id="GrupoOpciones1_1" onclick="nombre_u.style.display = 'block' ">
            Empleado</td><td>
                <input type="text" name="nombre_u" value="NOMBRE" size="10" style="display:none" onfocus="apellido_u.style.display='block'"/>
              <br>
                <input type="text" name="apellido_u" size="10" value="APELLIDO" style="display:none" />
              </td>
        </tr>
      </table>


angelmf 24/03/2008 09:41

Re: campo de texto con javascript
 
y bueno ese es el codigo que estoy usando para llenar los campos pero el problema esta en que con ese codigo al hacer en click en una de las opciones me aparece el campo de texto digamos de departamento ´pero si luego le hago click a empleado tambien me sale el campo de texto del nombre pero nunca se borra el de departamento y eso le permite al cliente de la aplicacion que pueda lenar ambos campos de datos y eso me traera problemas de funcionalidad

JavierB 24/03/2008 10:43

Re: campo de texto con javascript
 
Hola.

Echa un vistazo a mi anterior mensaje.

Para ocultar un campo tienes que usar: nombreCampo.style.display = 'none'

y para mostrarlo: nombreCampo.style.display = 'block'

Sólo tienes que adaptarlo al código de tu formulario.

Saludos, :adios:

angelmf 24/03/2008 12:27

Re: campo de texto con javascript
 
si bueno pero por lo menos como hago yo para que con un solo onclick me oculte un campo y me muestre otro por ejemplo vamos a ver si lo entiendes asi que con el mismo onclick me haga
nombrecampo1.style.display='block' y que tambien haga
nombrecampo2.style.dysplay='none'

angelmf 25/03/2008 07:06

Re: campo de texto con javascript
 
alguien me puede ayudar por favor........?

angelmf 25/03/2008 09:03

Re: campo de texto con javascript
 
YA RESOLVI MI PROBLEMA AQUI ESTA LA SOLUCION:
Código HTML:

<table >
        <tr>
          <td width="117">
            <input type="radio" name="GrupoOpciones1" value="dpto" id="GrupoOpciones1_0" onclick="dpto.style.display = 'block'; nombre_u.style.display='none'; apellido_u.style.display='none'">
            Departamento</td><td width="170"><input type="text" name="dpto" style="display:none" /></td>
        </tr>
        <tr>
          <td>
            <input type="radio" name="GrupoOpciones1" value="empleado" id="GrupoOpciones1_1" onclick="nombre_u.style.display = 'block'; apellido_u.style.display='block'; dpto.style.display='none' ">
            Empleado</td><td>
                <input type="text" name="nombre_u" value="NOMBRE" size="10" style="display:none" />
              <br>
                <input type="text" name="apellido_u" size="10" value="APELLIDO" style="display:none" />
              </td>
        </tr>
      </table>



La zona horaria es GMT -6. Ahora son las 00:16.

Desarrollado por vBulletin® Versión 3.8.7
Derechos de Autor ©2000 - 2026, Jelsoft Enterprises Ltd.