Foros del Web » Programando para Internet » Javascript »

Crear dinamicamente controles como en Gmail

Estas en el tema de Crear dinamicamente controles como en Gmail en el foro de Javascript en Foros del Web. Hola, necesito crear un formulario que le permita al usuario agregar nuevos controles, muy parecido al Gmail, que haces click en Agregar un Attach o ...
  #1 (permalink)  
Antiguo 01/04/2007, 23:08
Avatar de leac3  
Fecha de Ingreso: abril-2007
Ubicación: Valencia, pero mi mente y corazon estan en San Francisco.
Mensajes: 147
Antigüedad: 17 años, 1 mes
Puntos: 4
Pregunta Crear dinamicamente controles como en Gmail

Hola, necesito crear un formulario que le permita al usuario agregar nuevos controles, muy parecido al Gmail, que haces click en Agregar un Attach o documento adjunto, se crea un nuevo control, y cuando le vuelves a dar click al mismo link, te aparece otro control y asi sucesivamente, necesito saber como se hace esto de agregar nuevos controles dinamicamente, para poder desarrollar varias ideas que tengo en mente.
  #2 (permalink)  
Antiguo 01/04/2007, 23:20
Avatar de leac3  
Fecha de Ingreso: abril-2007
Ubicación: Valencia, pero mi mente y corazon estan en San Francisco.
Mensajes: 147
Antigüedad: 17 años, 1 mes
Puntos: 4
Re: Crear dinamicamente controles como en Gmail

olvidenlo, ya consegui la info que busca, gracias a un link del webmaster, adoro esta pagina.

No pongo el link porque soy nuevo aqui y el sistema no me deja crear URL, asi que busquen " Crear Controles dinamicamente" creado por tattojk en la categoria JavaScript.

Aqui esta el codigo:
Cita:
<html>
<head>
<title>Crear input file</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript">
<!--
num=0;
function crear(obj) {
num++;
fi = document.getElementById('fiel'); // 1
contenedor = document.createElement('div'); // 2
contenedor.id = 'div'+num; // 3
fi.appendChild(contenedor); // 4

ele = document.createElement('input'); // 5
ele.type = 'file'; // 6
ele.name = 'fil'+num; // 6
contenedor.appendChild(ele); // 7

ele = document.createElement('input'); // 5
ele.type = 'button'; // 6
ele.value = 'Borrar'; // 8
ele.name = 'div'+num; // 8
ele.onclick = function () {borrar(this.name)} // 9
contenedor.appendChild(ele); // 7
}
function borrar(obj) {
fi = document.getElementById('fiel'); // 1
fi.removeChild(document.getElementById(obj)); // 10
}
-->
</script>
</head>
<body>
<form method="post" action="algo.php">
<fieldset id="fiel">
<input type="button" value="Crear" onclick="crear(this)" />
</fieldset>
</form>
</body>
</html>

Última edición por leac3; 01/04/2007 a las 23:27
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 00:24.