Crear HTML dinámicamente

Lo que me gustaría conseguir es que al clicar sobre el link "More" apareciese un nuevo campo tipo file, con un identificador nuevo, etc etc, de la misma forma que si lo escribiera en el codigo.

Pienso en la opcion de tener por ejemplo 5 Inputs file ocultos y al hacer click en "More" que muestre esas capas, pero no es eso lo que de verdad quiero hacer. Lo que quiero es que al hacer click en "More" se añada el HTML resultante a añadir un campo mas.

Tratar los multiples input file despues es la siguiente tarea NO trivial.

¿Alguien me puede ayudar?
Espero que haya quedado clara la pregunta. En resumen estoy tratando de implementar un sistema que permita hacer un upload de multiples archivos.

La FAQ Crear HTML dinámicamente tiene Una respuesta
un comentario no revisado
Pertenece a la categoría:

HTML

Respuesta de Vega Eudy

21/5/07

Claro...

Supongamos que tienes una tabla con el input que trae por defecto verdad

<table id="tablaFiles"><tr><td><input type="file" id="xxx0"></td></tr></table>

Tienes una variable en javascript

var contador = 0;

Y para agregar mas campos entonces le dices que llame una función para q cree el input

function crear() {
var tabla = document.getElementById('tablaFiles');
var tr = tabla.insertRow();
var td = tr.insertCell();

contador++;
var new_file = document.createElement('input');
new_file.type = 'file'
new_file.id = 'xxx'+contador
td.appendChild(new_file);
}

Pero así funciona en Explorer en FireFox es parecido pero no utilizes los metodos insertRow() ni insertCell() sino que debes utilizar el createElement() según el caso tr o td y agregarlos con el appendChild

Complementar la respuesta
Volver al árbol de categorías

Comentarios sin revisar

Entre los comentarios no revisados puede haber algunos interesantes que se hayan enviado recientemente.

Se ha encontrado un comentario sin revisar

Ver los comentarios no revisados

FAQ relacionadas
  + Mostrar una dirección simple en la barra de direcciones
  + ¿Por qué aconsejan aprender HTML?
  + Enlaces para descarga de archivos
  + Listas con símbolos distintos de los habituales
  + Contenido de los META
  + Mezclar formas en los mapas de imágenes
  + Compatibilidad de Iframe en los distintos navegadores.
  + Alinear el contenido horizontal y verticalmente
  + Cambiar la descripción de las etiquetas META una vez publicadas
  + problemas con la inserción de un icono personalizado en mi web.
  + Descargar archivos automáticamente al entrar en una página
  + Indicar el asunto en los enlaces a email y formularios
  + Cómo insertar un contador de visitas
  + ¿Cómo puedo abrir y cerrar un popup?
  + Tabla HTML con borde simple en vez de doble
  + Cambiar color a los enlaces
  + Evitar que el navegador muestre archivos que pongo para descarga
  + Dirigir un enlace al frame deseado, en vez de a si mismo
  + Quiero hacer un enlace fuera de mi página.
  + Tengo un problema a la hora de implementar un scroll.
  + Ir a la página anterior al pulsar una imagen
  + ¿ 800X600 o 1024X768 ?
  + Evitar que se abran en el navegador los enlaces a archivos de descarga
  + Texto en movimiento con HTML
  + Enlaces a carpetas en lugar de archivos
  + Comas en lista de palabras clave
  + Editores de HTML
  + Mapa de imágenes con HTML
  + Enlaces que muestran explicación al poner el ratón encima
  + HTML en un correo
  + Tildes en tu página web
  + Cómo hacer un frame sin bordes
  + Ventajas e inconvenientes de los frames
  + Web Safe Colors
  + La etiqueta <BR>, no se tiene que cerrar?
  + Para que sirve en concreto la etiqueta <head>...</head>?
  + Enlaces a correos electrónicos de envío automático
  + Error típico en mapas de imágenes por #
  + Cambiar tipografía para toda la página
  + Centrar tabla
  + ...

Para ver más FAQ relacionadas accede a las categorías:

HTML

Complementar la respuesta
Volver al árbol de categorías


	Portada \| Monotemáticos \| Secciones \| Desarrolladores \| Comunidad \| Servicios \| Servicios profesionales \| RSS

	DesarrolloWeb.com > FAQ

	Complementar la respuesta
	Volver al árbol de categorías

		DesarrolloWeb.com \| Copyright \| Anunciese \| Acerca de \| Datos legales \| Contacta \| Por GuiarteMultimedia