Facebook tarzı sayfa yenileme.

23-05-2014, 15:16:59

Esselamun aleykum.

Bilmiyorum dikkatinizi çekti mi ama facebookta sağ tarafta "Ana Sayfa" yazısına tıkladığınızda sadece içerik kısmı yenileniyor. Tüm sayfayı yenilemiyor ve sohbet kısmı değişmiyor. jQuery ile yapılabileceğini düşünüyorum. reload() fonksiyonuna baktım ama sanırım o iş görmüyor. Nasıl yapılabilir ?

25-05-2014, 22:17:48

#2

~~hyffae~~

Üyeliği durduruldu

$('#yenilenecekDIV').html(yeniGelenIcerik);

26-05-2014, 20:45:14

#3

jebias

load fonksiyonu ile yapabilirsin hocam

şöyle bir html yapın olduğunu varsayalım;

<div id="anaSayfaicerik">
Burası anasayfa içeriği
</div>

<a id="anaSayfaYenile">Ana sayfa</a>

jquery yapında şöyle olucak

$(function(){
  
   $('a#anaSayfaYenile').click(function(){
            $('#anaSayfaicerik > *').load("index.php #anaSayfaicerik");
   });

});

sayfanın index.php olduğunu varsaydım farklıysa onu jquery kısmında değiştir

26-05-2014, 20:50:41

#4

truser

jebias adlı üyeden alıntı: mesajı görüntüle

load fonksiyonu ile yapabilirsin hocam

şöyle bir html yapın olduğunu varsayalım;

<div id="anaSayfaicerik">
Burası anasayfa içeriği
</div>

<a id="anaSayfaYenile">Ana sayfa</a>

jquery yapında şöyle olucak

$(function(){
  
   $('a#anaSayfaYenile').click(function(){
            $('#anaSayfaicerik > *').load("index.php #anaSayfaicerik");
   });

});

sayfanın index.php olduğunu varsaydım farklıysa onu jquery kısmında değiştir

Hocam bu kodla php de veritabanına yeni kayıt eklenince sadce o kısmı yenileyip gösterir demi ?

26-05-2014, 21:04:53

#5

jebias

truser adlı üyeden alıntı: mesajı görüntüle

Hocam bu kodla php de veritabanına yeni kayıt eklenince sadce o kısmı yenileyip gösterir demi ?

evet o işe yarıcak hocam, şöyle çalışcak;

<div id="anaSayfaicerik">
<?php echo $icerik; ?>
</div>

burda sen php ile #anaSayfaicerik div'i içerisine anasayfanda ne varsa onları yazdırcan veritabanından. daha sonra ana sayfa butonuna basılıncada, javascript ile sunucudan tekrar aynı sayfa istenicek ama sadece #anaSayfaicerik divi alınacak ve sizin #anaSayfaicerik diviniz ile içeriği değişecek

26-05-2014, 21:10:31

#6

truser

jebias adlı üyeden alıntı: mesajı görüntüle

evet o işe yarıcak hocam, şöyle çalışcak;

<div id="anaSayfaicerik">
<?php echo $icerik; ?>
</div>

burda sen php ile #anaSayfaicerik div'i içerisine anasayfanda ne varsa onları yazdırcan veritabanından. daha sonra ana sayfa butonuna basılıncada, javascript ile sunucudan tekrar aynı sayfa istenicek ama sadece #anaSayfaicerik divi alınacak ve sizin #anaSayfaicerik diviniz ile içeriği değişecek

Anladım hocam

Teşekkür ederim. Projelerimde Kullanırım arık