Bu yazımızda, web tasarım uygulamalarında sıkça ihtiyaç duyduğumuz, başka bir sayfaya yönlendirmeyi ve sayfa yenilemeyi (refresh) ele alacağız, bu tip bir uygulamanın hangi durumlar için işimize yarayacağına gelince:
- Web sayfanıza gelen kullanıcınız hakkında bazı bilgiler elde ettikten sonra sonra (Tarayıcı, screen, mobil aygıt vb.) uygun bir sayfaya yönlendirme yapabilir veya özellikleri ona göre değiştirebilirsiniz
- Kullanıcının Türkiye'den gelip gelmediğini kontrol ederek uygun dil seçeneğine direkt olarak yönlendirebilirsiniz.
- Web sitenize mobil bir cihazdan ulaşıldığında ona göre bir yönlendirme yapabilirsiniz.
- Dropdown menü değişimiyle diğer sayfalara yönlendirebilirsiniz
- Web sayfanızın belirli zaman aralıklarıyla yenilenmesini sağlayabilirsiniz (Ör: Haber siteleri)
Yukarda bahsettiğim konular için değişik çözüm yolları da vardır ayrıca... Onlardan biri olarak, "window.location" kullanımına kısaca bir göz atacağız.
window.location.assign():
<script type="text/javascript">
function newPage()
{
window.location.assign("http://www.pinusart.com")
}
</script>
Yukardaki kodu bir butona atayarak "onclick(newPage)", veya dropdown listeye atayarak "onchange(newPage)" yeni sayfaları açabilirsiniz
Veya "onload()" metodu ile sayfa yüklendiğinde istediğiniz bir yönlendirmeyi gerçekleştirebilirsiniz.
Kodlarımız ve satırların açıklamaları aşağıdadır:
window.location.reload():
<script type="text/javascript">
function reloadPage()
{
window.location.reload()
}
</script>
Yukardaki kodu bir butona atayarak "onclick(reloadPage)", veya dropdown listeye atayarak "onchange(reloadPage)" sayfayı yenileyebilirsin (refresh).
Aşağıdaki kodu kullanarak da sayfayı her 5 saniye de bir yenileyebilirsin (refresh).
<script type="text/javascript">
setTimeout(function(){
alert("Sayfa yenilendi");
window.location.reload(1);
}, 5000);
</script>
Bu yazımızda, web tasarım uygulamalarınızda işinize yarayacağını düşündüğüm, sayfa yönlendirme ve sayfa yenileme için javascript fonksiyonlarını nasıl kullanacağımıza değindik.
Kolay gelsin, görüşmek üzere...
