Foros del Web » Programando para Internet » Javascript »

como creara textfiel con javascript

Estas en el tema de como creara textfiel con javascript en el foro de Javascript en Foros del Web. Hola a atodos tengo el siguiente problema con un formulario pero no he podido hechara a andar, como puedo crear text field con java script ...
  #1 (permalink)  
Antiguo 29/06/2009, 17:28
Avatar de asassa  
Fecha de Ingreso: julio-2008
Ubicación: En el DF ectuoso
Mensajes: 240
Antigüedad: 15 años, 9 meses
Puntos: 0
como creara textfiel con javascript

Hola a atodos tengo el siguiente problema con un formulario pero no he podido hechara a andar, como puedo crear text field con java script y que este mismo pertenescar a un form..

encontre un codigo poro no lo puede hechara andar. (soy nuevo en esto del java)
Código PHP:
<script type="text/javascript">
var 
numero 0;

// Funciones comunes
creatag= function (tag) { // Crea un elemento
   
return document.createElement(tag);
}
elementodiv = function (id) { // Retorna un elemento en base al id
   
return document.getElementById(id);
}
evento = function (evt) { // Retorna el evento
   
return (!evt) ? event evt;
}
objevento = function (evt) { // Retorna el objeto que genera el evento
   
return evt.srcElement ?  evt.srcElement evt.target;
}

addcampo = function () {
   
contenedor elementodiv('files');

   
span creatag('SPAN');
   
span.className 'file';
   
span.id 'file' + (++numero);

   
campo creatag('INPUT');
   
campo.name 'archivos[]';
   
campo.type 'file';

   
creatag('a');
   
a.name span.id;
   
a.href '#';
   
a.onclick quitacampo;
   
a.innerHTML 'Quitar';

   
span.appendChild(campo);
   
span.appendChild(a);
   
contenedor.appendChild(span);
}
quitacampo = function (evt) {
   
lnk objevento(evento(evt));
   
span elementodiv(lnk.name);
   
span.parentNode.removeChild(span);
}
</script> 
como lo podria vincular para que me funcionciones con este ejemplo que aldarle click al ckeckbox se cree un text fiel nuevo

Código PHP:
<form name="form1" method="post" action="" ">
      <input type="
text" name="textfield">
      <input type="
checkbox" name="checkbox" value="checkbox"">
    </
form
o si alguien me pude pasar un ejemplo se lo agradeceria mucho..
  #2 (permalink)  
Antiguo 29/06/2009, 17:42
Avatar de zerokilled
Javascripter
 
Fecha de Ingreso: abril-2009
Ubicación: Isla del Encanto, La Borinqueña [+>==]
Mensajes: 8.050
Antigüedad: 15 años
Puntos: 1485
Respuesta: como creara textfiel con javascript

para usted ser nuevo en el tema, considero que se te hara mas dificil de entender el codigo que has encontrado. para lograrlo, necesitas trabajar con el DOM. a primera vista parece ser dificil de entender porque esta compuesto de varios modulos, pero especificamente necesitas trabajar con nodos el cual es la estructura que usa el navegador para manejar el contenido.
Código:
<script type="text/javascript">
var text = document.createElement("input");

</script>  
<form name="form1" method="post" action="" ">
      <input type="text" name="textfield">
      <input type="checkbox" name="checkbox" value="checkbox" onclick="
if(this.checked)this.form.appendChild(text);
else text.parentNode.removeChild(text);">
    </form>
__________________
la maldad es una virtud humana,
y la espiritualidad es la lucha del hombre contra su maldad.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 19:50.