Hej znalazłem skrypt na dodawanie dynamicznie komentarzy:
$('#dodajkom').submit(function(e){
$(".ladowanie").css("display", "block");
e.preventDefault();
var formData = new FormData($(this)[0]);
$.ajax({
type:"POST",
url:"ajax/komzbiorka.php",
data: formData,
dataType: "json",
encode: true,
contentType:false,
processData:false,
enctype: 'multipart/form-data',
}).done(function (data) {
console.log(data);
if (!data.success) {
if (data.errors.pola) {
document.getElementsByClassName('wynikkomentarz')[0].innerHTML = ''+ data.errors.pola +'';
$(".ladowanie").css("display", "none");
}
} else {
document.getElementsByClassName('wynikkomentarz')[0].innerHTML = '<div class="alert alert--success">Komentarz dodano</div>';
$(".ladowanie").css("display", "none");
$( ".comment-one" ).load(window.location.href + " .comment-one" );
$('#input').val("GeeksForGeeks");
$
("#dodajkom")[0
].reset(); }
});
event.preventDefault();
});
mam też skrypt do ładowania komentarzy
$(document).ready(function(){
$("#load").click(function(){
loadmore();
});
});
function loadmore()
{
var val = document.getElementById("result_no").value;
var val2 = document.getElementById("zbiorkaid").value;
$.ajax({
type: 'post',
url: 'ajax/komzbiorkaget.php',
data: {
getresult:val,
zbiorkaid:val2
},
success: function (response) {
var content = document.getElementById("result_para");
content.innerHTML = content.innerHTML+response;
// We increase the value by 2 because we limit the results by 2
document.getElementById("result_no").value = Number(val)+2;
}
});
}
i wszystko niby działa - po wejściu na stronę wyświetlają sie pierwsze komentarze, przycisk załaduj więcej też działa.
natomiast jak dodam nowy komentarz to pojawia się on na stronie lecz przestaje już działać przycisk załaduj więcej