Öncelikle merhaba.
const ile tanımladığın değişkenler salt-okunur şekilde belleğe kaydedilir. Bu yüzden değişiklik yapacağın verileri let ya da var ile tanımlamanı öneririm.
Koda gelecek olursak da
Eğer butonun textini aktarmak istiyorsan;
let area = document.getElementById('area');
let rockButton = document.querySelector('.rock');
rockButtonHTML = rockButton.innerHTML;
area.innerHTML += rockButtonHTML;
Eğer komple butonu aktarmak istiyorsan;
let area = document.getElementById('area');
let rockButton = document.querySelector('.rock');
rockButtonHTML = rockButton.outerHTML;
area.innerHTML += rockButtonHTML;
Tekrardan merhabalar, sorunu biraz stackoverflow karıştırarak çözdüm.
curl_setopt($ch, CURLOPT_AUTOREFERER, true);
curl_setopt($ch, CURLOPT_FOLLOWLOCATION, 1);
curl_setopt($ch, CURLOPT_VERBOSE, 1);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
Bu satırları ekledikten sonra sihirli bir şekilde düzeldi.
Merhabalar kullanıp kullanmadığını bilmiyorum fakat sana jquery ile yardımcı olabilirim.
öncelikle butonlardan
data-toggle="modal" ve data-target=""
kısımlarını kaldırmalısın.
sonrasında ise bütün butonlara bir class atayabilirsin örneğin "showModalBtn" olsun classımız.
aynı zamanda her butona açmak istediğimiz veri kaydının id'sini data-yaziid şeklinde verelim
Butonlarımızın Son Hali:
<button type="button" class="btn btn-success btn-xs showModalBtn" data-yaziid="<?= $yazilar[$i]["id"]; ?>">
Modal'ı 1 kere ekleyip modal-body kısmına bir id verelim.
<div class="modal-body" id="modalBody">
</div>
sonrasında ise javascript kısmına geçelim:
$("body").on('click', '.showModalBtn', function(){
var id = $(this).data('yaziid');
$.ajax({
method: "get",
url: '[BURAYA URL GELECEK]', // Yazıları çekeceğimiz adres
data: {
id: id
},
success: function(data){
$("#modalBody").html(data);
}
})
})
PHP kısmında ise GET ile yazının idsini alıp sadece echo ile içeriği döndürebilirsin.
maalesef localhost'ta da çekemiyorum