Javascript ile Sonraki Sayfayı Otomatik Yükletme

Sinan İLYAS 01 Haziran 2011 Çarşamba 16:20 695 kez okundu

Facebook ve Twitter'da kaydırma çubuğu sayfanın sonuna yaklaştığında, sayfanın devamı (sonraki sayfa) otomatik olarak yükleniyor. Kendi web sitemde de sayfaların aynı şekilde yüklenmesini istedim. Google'dan araştırdığımda ancak JQuery vb. gibi hazır framework'lerle nasıl yapıldığında dair kodlar bulabildim. Amerika'yı yeniden keşfetmeyi sevdiğimden dolayı ben de oturup bu işi yapan bir script yazdım. Benden başka kişilerin bu scripti pratik bir şekilde kendi sitelerine ekleyebilmeleri için de kullanımını olabildiğince basitleştirdim. Umarım kullanır ve memnun kalırsınız.

Scripti indirmek için tıklayın

Scripti kendi sayfanıza ekleyebilmeniz için örnek kod:

<html>
	<head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<title>zeytinOtomatikSayfaYukle v0.1</title>
		<script type="text/javascript" src="zeytin-ajax.js"></script>
		<script type="text/javascript" src="zeytin-otomatiksayfayukle.js"></script>
		<script>
			var ayarlar = {
				url: '/', // Ajax ile bağlanılacak URL
				postDegiskeni: 'sayfa', // Sayfa numarasının gönderileceği post değişkeni
				digerPostParametreleri: 'islem=sayfayukle', // Eğer gerekliyse diğer POST parametreleri
				icerikEklenecekElemanId: 'govdeDiv', // Sonraki sayfa içeriğinin ekleneceği eleman
				yukleniyorMesaji: 'Sayfa yükleniyor, lütfen bekleyin...', // İsteğe bağlı
				yukleniyorResimURL: 'yukleniyor.gif' // İsteğe bağlı
			}

			ZEYTIN.otomatikSayfaYukle(ayarlar);
		</script>
	</head>
	<body>
		<div id="govdeDiv">
			Bu sayfa zeytinOtomatikSayfaYukle v0.1 scriptinin kullanım şeklini göstermek için hazırlanmış örnek sayfadır.
		</div>
	</body>
</html>

Anahtar Kelimeler: javascript, otomatik, kendiliğinden, sıradaki, sonraki, sayfa, yükleme, yükletme, facebook, twitter, gibi, kaydırma, çubuğu, sayfa sonu, gelince, scrollbar, scroll, bottom

Kategori: Programlama > Javascript

Yorumlar

Bu makaleye henüz hiç yorum yapılmamış.

Javascript ile Sonraki Sayfayı Otomatik Yükletme

Yorumlar

Yorum Yaz