Sayfa Yenilenmeden Link Yapısını Değiştirmek (history.pushState)

Modern tarayıcılarda çalışan HTML5’in güzel nimetlerinden olan history.pushState metodu ile, sayfa yenilenmeden link yapımızı dinamik olarak değiştirebileceğiz.. Ve ajax’ın da işin içine girmesi ile baştan aşağı dinamik ve hiç yenilenmeden içerik ve linklerin değiştiği bir site hazırlayacağız.. Yararlı olması dileğiyle..

Düzelme Videosu

Ders bittikten sonra bir hatayı farkettim, ve hemen bir düzeltme videosu hazırladım.. Ben kaynak dosyaları bu şekilde güncelledim, eğer bundan önce indirenleriniz var ise, tekrar indirmeleri rica olunur 🙂


Demo
http://www.prototurk.com/demo/?id=126

İndir
http://www.prototurk.com/download/?id=126

Yayınlayan

Tayfun Erbilen

2009'dan beri web işleriyle uğraşan, aynı zamanda amatör müziklede ilgilenen sıradan birisi..

“Sayfa Yenilenmeden Link Yapısını Değiştirmek (history.pushState)” üzerine 16 yorum

  1. bu kadar bilgiye nereden sahipsiniz kaynak gösterirmisiniz bizlerde edinelim 🙂

  2. @berna ataca, araştırmacı olursanız zaten herşeyin internette olduğunu fark edeceksiniz 🙂

  3. Çok güzel bir konuya değinmişsin bunu kullanmayı düşünüyorum. Bu arada Tayfun bilmediğim konularda kod yazarken veya öğrenmeye çalışırken sıkılıyorum. Sıkılmamam için tavsiyen var mı?

  4. Birşey öğrenirken sıkıcı gelir. Kendin uygulama yapmaya başlayınca asıl tadı alınır programcılığın. Yoksa ömür boyu bu işi kim nasıl yapsın. Bi de konuyla alakasız olucak ama kitap önerilerinizi alabilirmiyim ?

  5. selam erbilen kardesım kolay gelsın oncelıkle derslerın on numara ellerıne saglık ama ufak bır sorunum var
    ” json icerisine nasıl php dosyası cekerım”
    ornek olarak
    $json[‘content’]= ‘xx.php’;

  6. ob_start();
    $json[‘title’]= ‘hakkimda – Bayram’;
    require_once TEMA.”/hakkimda.php”;
    $output = ob_get_contents();
    ob_get_clean();
    $json[‘sag_alan’] = $output;
    tayfun kardesm ne kadar ugrastımsada yolunu gormuyor

    ama require_once TEMA.”/hakkimda.php”; bunun yerıne echo TEMA; Yazdıgım zaman yolu gosterıyor yardımına ıhtıyacım var lutfennn 🙁

    1. Bilemiyorum, bir şekilde bir yerlerde hata yapıyorsunuz belli ki.
      Video’da göreceğiniz üzere ben yaptığımda oluyor, buda siz taraflı bir sorun olduğunu gösteriyor, daha dikkatli inceleyin kodlarınızı.

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir