Arama butonu
Bu konudaki kullanıcılar: 1 misafir
3
Cevap
2128
Tıklama
0
Öne Çıkarma
Javascript devamını göster
B
10 yıl
Onbaşı
Konu Sahibi

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.

DH forumlarında vakit geçirmekten keyif alıyor gibisin ancak giriş yapmadığını görüyoruz.

Üye olduğunda özel mesaj gönderebilir, beğendiğin konuları favorilerine ekleyip takibe alabilir ve daha önce gezdiğin konulara hızlıca erişebilirsin.

Üye Ol Şimdi Değil



G
10 yıl
Onbaşı

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
10 yıl
Onbaşı
Konu Sahibi

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
10 yıl
Onbaşı
Konu Sahibi

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.