Bu konudaki kullanıcılar: 3 misafir, 1 mobil kullanıcı
3
Cevap
574
Tıklama
0
Öne Çıkarma
Javascript devamını göster

B blowermsraid Konu Sahibi
6 yıl (21 mesaj)
Ben php ile bir blog hazıladım, explode ile fazla uzun yazıları farklı bir sayfaya böldüm.
Fakat Ajax ile aram yok
Ben farklı bir sayfa yerine aynı sayfa içinde javascript ile (Jquery'de olur) Devamını Oku yazısına tıklanıldığında yazının devamının gözükmesini sağlayacak ufak bi kod varsa rica edebilirmiyim.




G Guest-F7C88FFC5
6 yıl (20 mesaj)
hocam konuya bakmamı söylemişsin ondan yazıyorum, daha performanslı bir çözümünü bilen çıkar elbet. jquery konusunda ben de daha yeniyim.

konuyu gösterdiğin html alanı şöyle olsun;

<div id="yazı">
<h1>Başlık</h1>
<p><?=$ozet?></p>
<button id="goster">Devamını Oku</button>
</div>

$ozet değişkenini parçaladığın,
$tam değişkenini de tüm yazı olarak alıyorum.

jquery'yi sayfaya çağırdıktan sonra, while döngüsünün sonuna aşağıdaki jquery kodunu eklemelisin.

<script type="text/javascript">
$("button#goster").click(function(){
$("p").html("<?=$tam?>");
})
</script>

ama bu şekilde sayfa yüklenirken tüm içerik de yükleneceği için performans kaybı olur. uyarayım.


Bu mesaja 1 cevap geldi.

B blowermsraid Konu Sahibi
6 yıl (21 mesaj)
Teşekkür ederim. Bi süre kullanırım, eğer yazılar artınca yavaşlama yaparsa sayfa.php?id= 'ye geri dönerim.





< Bu mesaj bu kişi tarafından değiştirildi blowermsraid -- 24 Ekim 2015; 10:32:21 >
Bu mesaja 1 cevap geldi.

Bu mesajda bahsedilenler: @beylersakin

B blowermsraid Konu Sahibi
6 yıl (21 mesaj)
Ben senin verdiğin koddan yola çıkarak çok az değiştirdim, umarım benden sonra ihtiyacı olan kişi olursa kullanır. (while içinde olduğu için gerçekten biraz yavaşlama yapıyor.)

 

echo '<p id="gizlenecek'.$id.'" class="cby" style="padding-left: 5px;">';

{Yazının kesilmiş haldeki kodu}

echo '
<script type="text/javascript">
function gostergizle'.$id.'()
{
$("div#gosterilecek'.$id.'").toggle(100);
$("p#gizlenecek'.$id.'").css("display", "none");
}
</script>

<a Onclick="gostergizle'.$id.'()">   » Devamını Oku..! </a>
<div id="gosterilecek'.$id.'" class="cby" style="padding-left: 5px; display:none;">'.$tablodaki_icerik_adi.'</div></p>';





< Bu mesaj bu kişi tarafından değiştirildi blowermsraid -- 25 Ekim 2015; 3:39:00 >

DH Mobil uygulaması ile devam edin. Mobil tarayıcınız ile mümkün olanların yanı sıra, birçok yeni ve faydalı özelliğe erişin. Gizle ve güncelleme çıkana kadar tekrar gösterme.