Javascript devamını göster

Aşağı Git Tüm Forumlar Web Tasarım - Programlama Yazılım Geliştirme Delphi / C++ /Vb Javascript devamını göster

Bu konudaki kullanıcılar: 1 misafir

3
Cevap 2129
Tıklama 0
Öne Çıkarma

1. sayfa

Javascript devamını göster

Cevap Yaz

blowermsraid

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.

Guest-F7C88FFC5

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.

blowermsraid

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

blowermsraid

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 >

Cevap Yaz

1. sayfa

Tüm Forumlar Web Tasarım - Programlama Yazılım Geliştirme Delphi / C++ /Vb Javascript devamını göster