jNavigate.js – Php ve Ajax ile sayfa içine başka bir sayfa çağırma

0
783
Görüntülenme

jNavigate
Genelde Facebook sitesinin vazgeçmediği özelliklerden bir tanesidir. Resim tıklarsınız  sayfa yenilenmez  ve tıkladığınız resim aynı sayfada açılır. Bu şekilde  kullanıcı sürekli başka sayfaya gidip geri gelmek zorunda da kalmaz. Ben linklere  tıklarken sürekli yeni sekmede  açarım asıl içinde olduğum sayfayı kaybetmemek için. Bu anlamda Facebook sitesi çok  işe yarıyor. Sadece resimler için de değil tabi. Videolarda aynı şekilde sayfa içinde yükleniyor. Anasayfada yaptığınız işlemlerin bir çoğu sayfa yenilenmeden gerçekleşiyor. jQuery  jNavigate  uygulaması da  bu tarz çalışmalar hazırlayabilmeniz için geliştirilmiş. Linklere tıkladığınızda sayfa yenilenmeden ajax ile diğer sayfaları aynı sayfa içine çekmeye yarıyor.

 

Kullanım

  • Head  etiketleri arasına eklenmesi gereken bölümler.

Dosya adresleri :

 JavaScript :

  •  Body etiketleri arasına eklemeniz gereken bölümler.

Html :

 Menüler tıkladığında içeriğin görüntüleneceği  alan kodu :

Linklere tıkladığınızda  functions.php  devreye  girer  ve  url adresinin sonuna eklediğiniz  html sayfanın ismini functions.php de ayarlanmış olan klasörün içinde bulup ana sayfada  görüntüler.  Functions.php  dosyasının index.php üzerinde  çalışabilmesi için <document bölümünden önce yani sayfanın en üstüne functions.php dosyasını  çağıran kodu eklemeniz  gerekiyor.

Kaynak  kodları anlatmam  bana biraz saçma  gibi  geliyor ama  işin aslına bakınca  buraya gelen herkes  herşeyi bilse  zaten bu siteye  ihtiyacı olmaz  diye  düşünüyorum.  Bu yüzden  neyin ne işe yaradığını anlatma  ihtiyacı duydum. Gerçi  bu anlattıklarımı yapmak  zorunda  değilsiniz.  Download  adresinden indireceğiniz dosyaların  içinde herşey  hazır  ve kurulu  bulunuyor.  Sadece  Html sayfaların içeriğini  ve menüleri bile kendinize göre uyarlarsanız tanıtım amaçlı  oluşturulan  websiteleri  gibi  kullanabilirsiniz.

İlk  zamanlarda  ajax örnekler her zaman ilgimi çekmiştir. Web üzerinden çok araştırmama  rağmen  herhangi  bir  sonuç  bulamazdım bu konuda. Bulduğum tek tük örnekler ise  parayla  satılan  türlerdi. Benim amacım ise  öğrenmekti. Satın alıpta ne yapacaktım sanki. Nedir bu ajax  nasıl  çalışıyor.  Eh işte  bulduk size bir tane  ücretsiz  ve küçük boyutlu.  Sadece  css  bilginiz  varsa  bile sayfayı  demoyu evirip  çevirim güzel bir  tasarım örneği  haline  getirebilirsiniz.

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading...
Önceki İçerikjMotion
Sonraki İçerikCss kod oluşturma araçları
1983 doğumlu, olmayan bir çocuk babası, espirili ve kendini cana yakın zanneden biri işte. Daha ne olsun ?
Paylaş

CEVAP VER

Lütfen yorumunuzu yazın.
Lütfen İsminizi bu alana yazın.