Capturar Datos introducidos dinámicamente mediante javascript

[erondon1989]

Hola, he creado con html una tabla y la estoy aumentando dinámicamente mediante javascript con esta funcion:

function agregarRespuesta(){
var table=document.getElementById('table3')
var tr=document.createElement('tr')
var input=document.createElement('input')
tr.appendChild(input)
table.appendChild(tr);
}

Qusiera que alguien me ayudara a setearle la propiedad value al input por el texto que entra el usuario en cada momento, pues no se como acceder a este texto para guardarlo en el input, acá les dejo la interfaz para que vean: cuento con su ayuda:

[maycolalvarez]

input.value = "valor";

¿cual es el problema?

[erondon1989]

Si, input.value=valor, y como hago para que valor tenga el texto introducido por el usuario, diria var valor=??????

[maycolalvarez]

no especificó "de dónde proviene el texto introducido por el usuario"

¿de otro input?

¿de un prompt?

sea más especifico

[PIRRUMAN]

para obtener el valor de una caja de texto en cualquier accion, onclick, onblur, etc

podrias hacer lo siguiente

<script languaje="javascript">
function colocartextodeotrolado()
{
document.form.text1.value=document.form.text2.valu e;
}

function agregarvaloravariable()
{
var mivariable =document.form.text1.value;
alert ('texto1 = "'+ mivariable +'"');
}
</script>
<form name='form'>
Texto1<input type='text' name='text1' value=''/>
Texto2<input type='text' name='text2' value=''/>
<input type='button' value='Pasar Valor de T2 a T1' onclick='colocartextodeotrolado()'/>
<input type='button' value='Agregar a Variable lo de T1' onclick='agregarvaloravariable()'/>
</form>

[erondon1989]

Hola maycolalvarez , el texto el usuario lo introduce en el input que ves en la foto, pero no encuentro como capturarlo, porque input.value me da indefinido, me comprendes?

[maycolalvarez]

se supone que debes de obtener la instancia del objeto, en este caso "input" se refiere a lo mismo, lo que pasa es que declaraste la nueva instancia del input como input, por lo tanto:

input.value = document.getElementById('id_del_otro_input').value;

ó

input.value = document.forms['nombre_form'].elements['name_del_otro_input'].value;

[dasy_javi]

Iniciado por PIRRUMAN

para obtener el valor de una caja de texto en cualquier accion, onclick, onblur, etc

podrias hacer lo siguiente

<script languaje="javascript">
function colocartextodeotrolado()
{
document.form.text1.value=document.form.text2.valu e;
}

function agregarvaloravariable()
{
var mivariable =document.form.text1.value;
alert ('texto1 = "'+ mivariable +'"');
}
</script>
<form name='form'>
Texto1<input type='text' name='text1' value=''/>
Texto2<input type='text' name='text2' value=''/>
<input type='button' value='Pasar Valor de T2 a T1' onclick='colocartextodeotrolado()'/>
<input type='button' value='Agregar a Variable lo de T1' onclick='agregarvaloravariable()'/>
</form>

Ese valor que introduciste en el texto, se le puede agregar mediante una funcion para crear un boton con un link?
Seria posible eso?

Llevo dias intentandolo pero no fui capaz. No se si alguien puede ayudarme.

Saludos

[maycolalvarez]

Iniciado por dasy_javi

Ese valor que introduciste en el texto, se le puede agregar mediante una funcion para crear un boton con un link?
Seria posible eso?

Llevo dias intentandolo pero no fui capaz. No se si alguien puede ayudarme.

Saludos

el problema es que no se entiende lo que pides.

por un lado creas un input dinámicamente e indicas que quieres setearle el valor ¿no?

por otra lado indicas que quieres tener el valor de ése input: para eso debes de colocarle un ID o NAME para identificarlo, o usar la variable que creaste con la instancia del mismo.

si nos explicas mejor es más fácil ayudarte.

[dasy_javi]

Iniciado por maycolalvarez

el problema es que no se entiende lo que pides.

por un lado creas un input dinámicamente e indicas que quieres setearle el valor ¿no?

por otra lado indicas que quieres tener el valor de ése input: para eso debes de colocarle un ID o NAME para identificarlo, o usar la variable que creaste con la instancia del mismo.

si nos explicas mejor es más fácil ayudarte.

A ver, te esplico. Yo quiero hacer un area de texto con un boton que añada lo que una marca (nombre que vaya a los botones que pretendo crear) y un link ( que pretendo asignar a ese mismo boton con esa marca) para que cree esos botones con marca y link y al clicarlos me dirigan a el link introducido.

Te pondre algo de un codigo que fui introduciendo con ayuda de lo que fui buscando en internet.

<script>

function direccion(){
var myTextField = document.getElementById('myText');
var myTextField2 = document.getElementById('myText2');

location.href = + myTextField;
return location.href;
}

var cajas=0;
function agregar_caja(){

document.getElementById("cajas").innerHTML+="link "+new Number(cajas+1)+": <input type=button name='caja' value='direccion()' onclick='direccion()'><br>"


cajas=cajas+1



}



</script>
<div id="cajas"></div>
Marca: <input type='text' id='myText2' />Link: <input type='text' id='myText' />
<input type="button" value="nombre" onclick='agregar_caja()' />

La funcion direction quiero que me asigne el link al boton y si puede ser en la misma funcion hacer lo del nombre tambien sino haria otra.

Luego de eso pretendia poder añadir un boton para borrar link a link y otro para modificar.
Antes de nada deciros que bueno, soy principiante en etso y estoy aprendiendo, por lo que me disculpo de antemano si os parecen cosas obvias, os puedo asegurar que antes de acudir a pedir ayuda hice todo lo posible por hacerlo con lo que busque en google pero no fuy capaz. :(

Por otro lado ademas del problema que os expuse, os agradeceria si me pudierais indicar algunos libros de html y javascript que vengan mas completos para comprar o en pdf para buscar y poder asentar unas bases en estos lenguajes de programacion, ya que yo solo estudie C y algo de pascal.

No se si me he esplicado bien maycolalvarez, con lo que te espuse en el quote.

y gracias de antemano

[PIRRUMAN]

No comprendo bien que es lo que deseas..

Quieres hacer un link dinamico ?

quieres hacer un boton dinamico?

Creo podrias explciarnos si es posible con imagenes que deseas hacer

[dasy_javi]

Iniciado por PIRRUMAN

No comprendo bien que es lo que deseas..

Quieres hacer un link dinamico ?

quieres hacer un boton dinamico?

Creo podrias explciarnos si es posible con imagenes que deseas hacer

Bien , lo que quiero es que ese boton nombre cree otro link x: y su boton como hize con el ejemplo que puse antes, el problema es que los botones que creo no soy capaz de enlazarlos con la marca y el link que pongo en el area de texto. Me gustaria poder por ejemplo: Marca: Google Link: http://www.google.es , darle al boton y que el boton que se cree tenga como nombre Google y al clicarlo me lleve a la pagina que introduci en el area de link.

No se si me esplique ahora.

[marlanga]

http://jsfiddle.net/marlanga/ZpWAX/1/
He utilizado métodos delegados ya que el código obstrusivo está penado con la muerte en mi país.

[dasy_javi]

Iniciado por marlanga

[url]http://jsfiddle.net/marlanga/ZpWAX/1/[/url]
He utilizado métodos delegados ya que el código obstrusivo está penado con la muerte en mi país.

Mm esta perfectooo. Muchas graciaaass. Ahora me toc entender bien el codigo ya que estoy aprendiendo desde hace poco. El "appendChild" que hace exactamente? No sabras de un libro completo de javasccript en pdf para poder revisarlo.

Ahora ando mirando para saltear los botones y colocarle al lado uno de borradoo modificado.

[marlanga]

El appenChild añade un elemento al final de otro elemento (es decir, entre sus etiquetas de abre y cierre, pero el último en el caso de haber otros) del DOM.

Tutoriales de inciación hay un montón. Por ejemplo éste es abstante bueno:
http://librosweb.es/javascript/index.html

[dasy_javi]

Iniciado por marlanga

El appenChild añade un elemento al final de otro elemento (es decir, entre sus etiquetas de abre y cierre, pero el último en el caso de haber otros) del DOM.

Tutoriales de inciación hay un montón. Por ejemplo éste es abstante bueno:
[url]http://librosweb.es/javascript/index.html[/url]

Muchas gracias marlanga. Una cosa mas para ir mirandolo. Para hacer una base de datos para el link y la marca, para una aplicacion, se podria hacer? y si es asi, donde y como la busco para hacerme una idea de como debe ser?

[marlanga]

Necesitarás un lenguaje de servidor, como PHP, y una base de datos, como mySQL.

http://www.webestilo.com/php/php00.phtml
http://www.programacion.com/articulo...o_de_mysql_189

[dasy_javi]

Iniciado por marlanga

Necesitarás un lenguaje de servidor, como PHP, y una base de datos, como mySQL.

[url]http://www.webestilo.com/php/php00.phtml[/url]
[url]http://www.programacion.com/articulo/tutorial_basico_de_mysql_189[/url]

Mmm oki, pero eso me valdra para una aplicacion android? es que ya intente usar una vez lenguaje php y no me lo entendio o puede que yo no lo usase bien.
Gracias nuevamente.

[marlanga]

PHP es un lenguaje de servidor, es independiente de la máquina donde corra el navegador.
Tienes un cacao de conceptos importante, deberías de buscar más info sobre el tema antes de empezar a programar.