campo de texto con javascript

[angelmf]

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]

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,

[angelmf]

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]

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]

Hola de nuevo.

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

Saludos,

[angelmf]

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]

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]

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,

[angelmf]

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]

alguien me puede ayudar por favor........?

[angelmf]

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>