Nunca antes he creado elementos desde JS. me pueden recomendar...

[iovan]

Hola amigos, verán yo nunca he creado elementos desde JS. Alguno de ustedes me podría pasar links de ayuda. Pero empenzado con algo sencillo o mejor aún me podría dar un ejemplo.


Como creo esto desde js

Código HTML:

<input type="text" name="nombre" id="identificador" value="valor" style="background:#000;" disabled="disabled" onclick="funcion();"/>
 

Si alguno de ustedes me puede escribir el código que se usaría para crear el campo de formulario espuesto arriba, me va a servir de mucha ayuda como ejemplo.

Gracias amigos.

[caricatos]

Hola:

Justamente los campos de los formularios son los más difíciles de crear, ya que por seguridad, hay algunos atributos muy difíciles de tratar... creo que explorer aconseja crearlos con innerHTML, aunque el truco que yo suelo usar es tener ese campo oculto y deshabilitado o fuera del formulario, y simplemente clonarlo... el inconveniente puedes estar en la referenciación, pero tan solo debes acordarte de cambiar su id.

Saludos

[iovan]

Hola ya lo he conseguido, aunque de manera muy sencilla, pues lo que por el momento quiero tratar es entender como funciona y que tanto me puede servir.

Por ejemplo, he notado que al crear un nuevo campo de formulario el anterior sigue ahi, es a lo que te refieres con los conflictos que podrían surgir con tener 2 campos con el mismo id.

Pero se me ocurrio una manera sencilla para crear un nuevo campo y borrar el anterior. Ovbiamente esta no es la mejor manera y me gustaría conocerla pero por el momento estoy empezando con JS.


Mi funcion quedo así

Código Javascript:

function crearInput(){
                                          control = document.createElement("input");
            control.setAttribute("type", "file");
            control.setAttribute("name","imageFile");
            control.setAttribute("id","imageFile");
            control.setAttribute("onchange","validar();");
 
            
            document.getElementById('validateTips').innerHTML = "";
            document.getElementById('validateTips').appendChild(control);
 
 
}
 

Muchas gracias amigo.

Saludos.

[caricatos]

Hola:

Normalmente no es necesario usar setAttribute en los campos normales estándar, como el id, y como te he comentado antes, hay navegadores con los que esa forma de crear los controles da problemas (no recuerdo cual, pero yo suelo chequear mis códigos en al menos 5 navegadores), y lo de cambiar el id lo que hago es:

x = document.getElementById("id_").cloneNode(true);
x.id += "x";
document.body.appendChild(x);

Y sobre los eventos, no se trata de atributos, así que para insertarlos, o lo pones directamente, o mejor usas addEventListener/attachEvent.

Saludos

[iovan]

Muchas gracias amigo.

Me encuentro muy contento de estar aprendiendo.