Şimdi Ara

Javascript devamını göster

Daha Fazla
Bu Konudaki Kullanıcılar: Daha Az
4 Misafir (1 Mobil) - 3 Masaüstü1 Mobil
5 sn
5
Cevap
1
Favori
1.980
Tıklama
Daha Fazla
İstatistik
  • Konu İstatistikleri Yükleniyor
0 oy
Öne Çıkar
Sayfa: 1
Giriş
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.



  • 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.




  • 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 >
  • 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 >




  • 
Sayfa: 1
- x
Bildirim
mesajınız kopyalandı (ctrl+v) yapıştırmak istediğiniz yere yapıştırabilirsiniz.