Çoğu kullanıcının merak ettiği bir şeydir sayfa yenilenmeden sayfa içeriğinin yenilenmesi.Buna iddaa siteleri örnek verilebilir.Gol olunca direk site uyarı verir.Biz de bugün bunun nasıl yapıldığını pratik olarak görüceğiz.

Bu uygulamayı gösterirken çabukluk açısından mootools kullanıcağım.Ama siz başka bir kütüphane yada kendi ajax kodlarınızı kullanabilirsiniz.Önemli olan update olayını gerçekleştirmemiz.

Dilerseniz kod bölümüne geçelim:

İlk olarak içeri mootools kütüphanemizi alıyoruz.

<script type=”text/javascript” src=”mootools-release-1.11.js”></script>

Ve taglarımızın arasına update yapılacak olan ve sitenin tüm içeriğinin olduğu divi yazıyoruz.

<div id=”main”>
PHP,ASP tüm kodlar bu alana
</div>

Son olarak da esas işi gerçekleştirecek olan javascript kodumuzu yazıyoruz.

<script>
window.onload = function() {
check();
}
function check() {
new Ajax(’dene.php’, {
update: $(’main’)
}).request();
setTimeout(”check()”,600);
}
</script>

Yukarıdaki kodları tek tek açıklayacak olursak

window.onload ile sayfa yüklendiğinde check() fonksiyonunun çalışacağını belirttik ve sonra bahsi geçen check() fonksiyonunu aşağıda tanımladık.

new Ajax(’dene.php’, {
update: $(’main’)
}).request();

Bu mootols kodudur. dene.php bu adres içine kodu yazdığımız sayfanın adı olamlıdır.Yani sayfayla koddaki dosya adresi aynı olmalıdır.

update: $(’main’) bu kodda main adlı divin güncelleneceği belirtilmektedir.

setTimeout(”check()”,600); yenilenmen update işini ise bu kod yapmaktadır.Her 1 saniyede check fonksiyonunu çalıştırır.Dolayısıyla dinamik php,asp vs. kodlarımızla düzenlediğimiz database veya herhangi bir yerde değişiklik olduğunda anında main divinin içine yansır.

Olay bundan ibarettir.

Kolay gelsin….