Sistema de comentario con jquery

[daniel945]

Buenas tardes! espero que me puedan ayudar!

Estoy tratando de hacer un sistema de comentario con jquery, solamente, en el cual creo el comentario y dsp le puedo responder a ese comentario.

El problema es que no se como hacer, para responderle a ese comentario que tiene un identificador unico. Es parecido al wall de facebook, pero en jquery por el momento lo que pretendo realizar!

Si pueden ayudarme les esto muy agradecido.

[maycolalvarez]

¿y dónde almacenas el comentario?, lo usual es que a cada comentario le generes un id único y un botón para responder el cual pase el id del comentario para que al guardar tengas el id asociado

tal estructura es un árbol de comentarios asociados

[daniel945]

Muchas Graciaspor responder! entiendo mas o menos lo que me dijiste! te paso el codigo! la verdad no se como es!

Jquery

[HTML]<script type="text/javascript">


$(document).ready(function(){

$("#enviar").each(function(i) {

$(this).click(function(){

i = i+1;

event.preventDefault();

var comentario = $("#comentar").val();

$("#posting").prepend("<div id='posting-"+ i +"'><p> " +comentario +" </p></div>");

var getID = $("#posting-"+i).attr("id");



var form = "<form id='form-res'><textarea id='respuesta' class='dd' placeholder='Escribe un comentario...'></textarea><input type='submit' id='responde' value='responder'></form>"
$("#comentar").val('');


$("#"+getID).append("<div id='wrapper'><div id='form-responder'>"+ form+ "</div></div>");

}),

$("#posting").on( "click","#responde", function(e) {


e.preventDefault();

var responde = $("#respuesta").val();


$("#wrapper").append("<div>"+ responde+ "</div>");
















});


});

});








</script>

<div id="contenedor">
<div id="form-publicar">
<form action="#" method="post">
<textarea id="comentar" placeholder="Que estas pensando?"></textarea>
<input type="submit" id="enviar" value="publicar">

</form>
</div>
<div id="posting">
</div>


<div class="clear"></div>
</div> </HTML>

[daniel945]

Cada vez q hago click en responder , me toma el valor y lo inerta, e drama es cuando hago click en otro generado, me toma el valor del primr textarea!

[maycolalvarez]

le agradezco que consulte las políticas del foro, edite el mensaje y coloque el código en un highlight para que les facilite a los otros usuarios verlo con más claridad, utilicemos las herramientas que el foro nos proporciona

[daniel945]

Disculpa, lo escribí apurado, y no vi el problema que ocasionaría. El sistema de comentario, es solo con jquery. Estoy haciéndolo, y la verdad que no entiendo, si me ayudarías con un ejemplo, te agradezco.

Codigo Javascript:

Código Javascript:

<script type="text/javascript">
 
 
$(document).ready(function(){   
 
$("#enviar").each(function(i) {
 
$(this).click(function(){
 
i = i+1;
 
event.preventDefault();
 
var comentario = $("#comentar").val();
 
$("#posting").prepend("<div id='posting-"+ i +"'><p> " +comentario +" </p></div>");
 
var getID = $("#posting-"+i).attr("id");
 
 
 
var form = "<form id='form-res'><textarea id='respuesta' class='dd' placeholder='Escribe un comentario...'></textarea><input type='submit' id='responde' value='responder'></form>"
$("#comentar").val('');
 
 
$("#"+getID).append("<div id='wrapper'><div id='form-responder'>"+ form+ "</div></div>");
 
}),
 
$("#posting").on( "click","#responde", function(e) {
 
 
e.preventDefault();
 
var responde = $("#respuesta").val();
 
 
$("#wrapper").append("<div>"+ responde+ "</div>");
 
    });
 });
});
 
</script>
 

Codigo Html:

Código HTML:

<div id="contenedor">
    <div id="form-publicar">
       <form action="#" method="post">
          <textarea id="comentar" placeholder="Que estas pensando?"></textarea>
           <input type="submit" id="enviar" value="publicar">
 
</form>
 
</div>
 
<div id="posting">
</div>
 
 
<div class="clear"></div>
 
</div>