Comunidad de diseño web y desarrollo en internet online

Combo e input

Citar            
MensajeEscrito el 11 Ene 2010 08:52 am
Muy buenos días,

Me gustaría crear un botón en una página jsp que cree un combo y un nuevo input .

¿Puede alguien ayudarme?

Un saludo.

Por mjrd83

1 de clabLevel



 

firefox
Citar            
MensajeEscrito el 12 Ene 2010 01:41 pm
en el onclick de tu boton llamas una funcion que crea por medio de un innertHTML lo que tu quieras

;)

Por jpcw

Claber

1715 de clabLevel

1 tutorial

Genero:Masculino  

AlgoritmicBrainDesigner

firefox
Citar            
MensajeEscrito el 12 Ene 2010 05:14 pm
O mejor usa el DOM. Por ejemplo

Código Javascript :

function crear()
{
caja = document.createElement("input"); //creamos un elemento input nuevo
caja.setAttribute("type", "text"); // Definimos que es una caja de texto
caja.setAttribute("id", "nombre"); // Le ponemos un ID
document.getElementById("Este debe ser el ID del DIV donde lo vas a colocar").appendChild(caja); // Lo asigamos a un div cualquiera
seleccionar = document.createElement("select"); //Ahora creamos el Select
seleccionar.setAttribute("id", "opciones"); //Le ponemos un ID
opcion1 = document.createElement("option"); // Creamosl a primera opción
opcion1.setAttribute("value", "Una cosa"); // Definimos la propiedad value de la primera opción
texto1 = document.createTextNode("Texto uno"); // Creamos la etiqueta de la primera opción
opcion1.appendChild(texto1); //La colocamos dentro de la opción
opcion2 = document.createElement("option"); //Lo mismo para la segunda opción
opcion2.setAttribute("value", "otra cosa");
texto2 = document.createTextNode("Texto dos");
opcion2.appendChild(texto2);
seleccionar.appendChild(opcion1); //Metemos la primera opción al objeto select
seleccionar.appendChild(opcion2); // Luego metemos la segunda opción
document.getElementById("Este debe ser el ID del DIV donde lo vas a colocar").appendChild(seleccionar); //Agregamos el objeto select al DIV
}


Ahora solo tienes que hacer lo que ya se mencionó, llamar a la función con cualquier método que necesites. Saludos!

Por Aoyama

BOFH

6224 de clabLevel

6 tutoriales
12 articulos

Genero:Masculino   Anime Bloggers Bastard Operators From Hell

Webdesigner & Developer, en mis ratos libres bebo café por litros.

opera
Citar            
MensajeEscrito el 12 Ene 2010 10:22 pm
una pregunta Aoyama!!

porque es mejor utilizar DOM ?
PD: no me des bate.............

Por jpcw

Claber

1715 de clabLevel

1 tutorial

Genero:Masculino  

AlgoritmicBrainDesigner

firefox
Citar            
MensajeEscrito el 12 Ene 2010 11:40 pm
Bueno, yo no estoy tan seguro que sea mejor usar DOM. Y difiero en muchas cosas con el autor del artículo que nos refiere Aoyama.

Por DriverOp

Claber

2510 de clabLevel



 

opera
Citar            
MensajeEscrito el 13 Ene 2010 04:00 pm
@jpcw DOM es un estándar, innerHTML no. DOM es un árbol jerarquico, innerHTML es un String. La única ventaja de innerHTML es su rápidez.

@DriverOp ¿En que difieres?

Por Aoyama

BOFH

6224 de clabLevel

6 tutoriales
12 articulos

Genero:Masculino   Anime Bloggers Bastard Operators From Hell

Webdesigner & Developer, en mis ratos libres bebo café por litros.

firefox
Citar            
MensajeEscrito el 13 Ene 2010 04:09 pm
@Aoyama: :alabado:

Por jpcw

Claber

1715 de clabLevel

1 tutorial

Genero:Masculino  

AlgoritmicBrainDesigner

firefox
Citar            
MensajeEscrito el 13 Ene 2010 06:11 pm
Aoyama:
En que si realmente queremos poner un string DOM es un gastadero de recursos (y hablamos de los recursos de una máquina que no es la nuestra).
Por otro lado el futuro de la web no es XHTML sino HTML5 que, curiosamente, no será más un subconjunto de SGML, cosa que nunca debió ser en primer lugar...

Por DriverOp

Claber

2510 de clabLevel



 

opera
Citar            
MensajeEscrito el 14 Ene 2010 08:44 am
Muy buenos días, gracias a vuestras he conseguido que mediante un botón que simboliza un más poder crear nuevas líneas con un label un combo y un input, al final lo he hecho mediante la creación de tr y td de forma dinámica con DOM. Mi pregunta ahora es otra, a ver si me podeís ayudar:

Imaginad que tengo una fila con:

Label Combo Input (imagen añadir),

Si yo hago clic en ela imagen tendría

Label Combo Input (imagen añadir),
Label Combo Input (imagen añadir) Dos filas pero, ahora lo que me gustaría hacer es que el botón añadir de arriba se convirtiera en otra imagen y que tuviera la opción de borrar fila.¿Podría alguien ayudarme?

Un saludo, espero haberme explicado correctamente.

Por mjrd83

1 de clabLevel



 

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.