Cargar input y textarea (dinámicos) según demanda en formulario vacio

[dannelblogger]

Buenos dias comunidad!!

La duda hace referencia a javascript, aunque muestre unas líneas en php..

Para que negarlo chicos.. javascript me da miedo!! jaja

Vereis, en una página dinámica cargo una serie de comentarios en los cuales aparece en cada uno de ellos la opción 'responder'..

La carga de los comentarios esta encapsulada dentro de las etiquetas <form></form>, donde no existe ningún campo input..

La idea es la siguiente, al hacer click en un 'responder' de un comentario, generaría dentro de una etiqueta div en concreto un input con el valor del comentario y un textarea con el contenido del texto..

desde php genero por cada comentario:

Código PHP:

 echo '<a href="javascript:ResponderComentario(<?php echo $comentario_id;?>);">Responder</a>';
//Es una llamada a una función en ajax, donde paso el id del comentario..
//Lo se.. es una autentica tontería pudiéndolo hacer desde javascript directamente con innerHTML..  

Donde lo que hago es recuperar dentro de las etiquetas form:

<form name='elformulario'action='#' method='post'>

Código HTML:

<input type="hidden" name="comentario_id" value="el valor numerico obtenido del comentario_id">
<textarea name='respuesta' onkeypress='if(event.keyCode == 13) document.elformulario.submit()'/></textarea>
<!-- Este último código del textarea, me sirve para ahorrarme el boton del submit, ¡¡más abajo os comento!! -->
 

</form>

Como nota:
- El valor del comentario_id, es un valor integer, único por cada comentario, almacenado en la bd
- Cada vez que genero un comentario, creo un div vacio con su mismo identificador, a modo de ser un posible contenedor de datos => <div id="valor_del_comentario_id"></div>, donde mostraría los campos input

El problema:
Que de teoria mucha, pero de javascript a la práctica se me caen los 'pedetes'..
Necesitaría una mano en 2 temas..

1.- En la validación del formulario al presionar 'enter', como es obvio, sólo me procesa el valor del textarea y no del valor del input 'comentario_id'..
¿Cómo sería posible procesar los dos campos a la vez con sólo tocar 'enter'?

2.- La segunda duda es a modo de estética..
Por ejemplo imaginemos que el usuario clickea un 'responder' de un comentario..
Aperece el textarea y se genera un input hidden comentario_id, con el valor del identificador del comentario.. Pero este se lo piensa 2 veces y clickea en otro 'responder' de un segundo comentario..
¿Como podría hacer en este caso, para sólo mostrar un textarea en la página?
Me explico un poco mejor..
Que el textarea y el input comentario_id, que estan en la etiqueta <div id="4"></div>, por ejemplo, desaparecieran al hacer click en un comentario nuevo dentro de la etiqueta <div id="7"></div>

En este último caso se me ocurre que podría almacenar el id de los clicks(comentario_id) en un array e ir comprobando con cada click 'nuevo' si existe un valor 'anterior' a este y limpiar los datos desde ahí..

No se..

La idea se entiende.. Esta claro o me he ido por las ramas? jaja

Gracias muchachos de antemano..

[fjrueda]

1) El input "texto" no lo va a procesar porque esta en tipo hidden, osea que el formulario no lo va a validar, por eso mejor llegue a es por medio del identificador

Código Javascript:

documento.getElementById('identificador'). value == "";
 

2) juegue con las propiedades del display y realice un for exceptuando la posision en la que se encuentra..

[dannelblogger]

Buenas noches..
Gracias por la respuesta.. pero creo que no me he explicado con claridad.. culpa mia...
mañana desarrollare parte del codigo y lo expondre haber si asi me hago entender o soluciono con el 'Prueba error ensallo'..

[naiger67]

Pillate esta funcion

Código Javascript:

function algo(event){
                       var e = window.event || event;
                       if(e.keyCode==13){
                             document.getElementById('formulario').submit();
                       }
                 }
 

[dannelblogger]

Gracias naiger67 por molestarte en contestar..

Pero para lo que algunos es coser y cantar en javascript, para mi es como comerme un helado de hielo en pelotas en pleno invierno.. jaja

Acabo de llegar del trabajo.. voy a empezar a desarrollar desde la lógica.. y subo los scripts.. hasta ahora chicos!

[dannelblogger]

Al final, después de replantear la idea, lo he solucionado haciendo uso de ajax.. aún está por terminar el tema de procesar el formulario sin refrescar la página, pero ya mismo sale del horno!!.. Gracias de todos modos muchachos!!

[nataliagb1992]

com lo hicistes al final prque se me plantea un problema similar , la csa es que quiero introducir en un camp de texto un numero y que al pulsar intr se me agregue dinamicamente a un textarea que tengo en la misma pagina