Tengo implementado un sistema de comentarios que permite responder a cada uno de ellos mediante un botón que abre un formulario y procesa la respuesta con Ajax. Primero a los botones les di el mismo atributo de clase pero el problema era que al enviar la respuesta, siempre la enviaba al primer comentario (no al otro que quiero responder) ya que coge el primer elemento con esa clase. Ahora he hecho que se le asigne un id al botón en el bucle que genera estos botones, de la siguiente forma:
//solo muestro cómo genero el botón ya que si no es muy extenso
$i=0;
while($mostrar=mysqli_fetch_object($comentarios)){
$i=$i+1;
<?php echo '<td id="comentarios"><button class="responderComent" id="responderComent'.$i.'" value="'.$mostrar->IdComentario.'">💬</button></td>'; ?>
}
De esta manera, tengo para cada comentario un botón con su identificador asignado responderComent1, responderComent2, etc. Tras hacer esto no me ha quedado más remedio de poner un límite de 5 comentarios ya que para cada botón tengo que crear su función especifica en javascript que la procese porque luego cada una de ellas tiene una vez más un ID específico:
$("#responderComent1").click(function(){...
$(this).before('<form action="javascript:void(0);" class="formRespuesta><input type="text" id="resp1"/>
<button id="enviarComent1">Enviar</button></form>);
$("#responderComent2").click(function(){...
<input type="text" id="resp2"...
<button id="enviarComent2"...
...
Despues tengo para cada botón enviarComent...:
$(document).on('click', '.enviarComent1', function(){
var texto = $(this).parents("form").find("#resp1").val();
var idComentario = $("#responderComent1").val();
$.ajax({
type:"POST",
url: "procesarRespuestasComentario.php",
data: {texto:texto, idComentario:idComentario},
success:function(r){
$('#respuestas1').html(r);
}
});
});
Lo que quería saber es si hay alguna forma de poder "comprimir" todas estas funciones en una sola que pudiera diferenciar los Id's de forma que para cada uno de ellos haga su función concreta generando el campo de texto y su botón correspondientes ya que ahora tengo que tener tantas funciones $(#responderComentX).click
y $(#enviarComentX).click
como comentarios tenga en la página y por ello actualmente lo limito a 5.
id
, de ese modo controlarías todo desde una sola función. Dado que das muchas vueltas en el planteamiento, no sé si es exactamente eso lo que quieres o es otra cosa.''value=$mostrar->IdComentario"
para saber a qué comentario me estoy refiriendo, y que al enviar el mensaje en el campo con id#resp
se asigne esa respuesta al comentario en concreto. Estoy estudiando las soluciones propuestas para ver qué tal. Muchas graciasid
se deba buscar un dato en el servidor vía Ajax para mostrarlo o qué es lo que quieres exactamente. Reconstruir un poco la lógica ayuda en estos casos, a tí mismo a entender lo que estás haciendo y a quienes responden, a darte la mejor solución posible.