OTOMATİK SAYFA YENİLEME (REFRESH)

Bu Sayfada yenilenmesini (refresh) otomatik yapan web sayfasını anlatacağım.
Bir web sitesi yaptığınızı düşünün ve buradaki her hangi bir sayfa ziyaretçinizin ekranında açıkken sizin bu sayfayı güncellediğinizde ziyaretçiniz sözkonusu sayfayı refresh yapmadıkça veya sayfadan çıkıp, yeniden girmeyince son yaptığınız değişiklikler ve güncellemeler ekrana gelmeyecek ve normal olarak sayfayı ilk açtığı içerikle görüntüleyecektir.

Konuyu bir kaç örnekle anlatacak olursam,
Ziyaret ettiğiniz gazetelerin web sayfalarında kendiliğinden belirli aralıklarla güncellenir, nedeni ise son dakika haberleri ile ilgili içerik güncellemesini siz sayfadayken mümkün olabilmesidir. Mesela bir spor gazetesi web sitesindesiniz ve günün futbol maçlarının dakika ve sonuçlarını vermektedir, bu sayfada oynanan musabaka ile ilgili içerik kendiliğinden güncellenmektedir değilmi ?.

Aynı refresh durumu bu sayfada da uygulanmaktadır. Benim belirlediğim tercihime göre bu sayfa her 10 saniyede bir kendiliğinden yenilenmektedir.
Bu uygulamayı sayfamızın sol üst ikonların arasındaki refresh ikonunun 10 saniyede bir aktifleşmesinden anlayabilirsiniz.

Bu uygulamayı yapmak için <head></head> tagları arasına yeni bir meta kodu (<meta http-equiv="refresh" content="10;url="">) eklemekle gerçekleşir.

Şimdi bir uygulamalı çalışma yapalım, bundan önceki derslerimizde olduğu gibi bir Notepad (Metin belgesi)açalım, aşağıda verdiğim meta kodunu kopyalayarak Notepad (metin belgesi)'e yapıştıralım. (content="10;) olan rakamı bekleme peryodu on saniye demektir, siz istediğiniz zaman aralığını belirleyebilirsiniz.

Yapıştırdıktan sonra dosyayı test.html isminde farklı kaydeterek bir html dosyası oluşturun sonra bu test.html dosyasını açarak kontrol edelim. özellikle refresh ikonuna dikkatli bakalım, nasıl belirlediğiniz zaman periyodunda sayfanız yenileniyor değil mi ?

Bu anlatımımız da burada sona erdi.

  

Copyright © 2018 Hüseyin Tepe