Bu önemli ipucumu javascript onload metodu için yazıyoruz.
Öncelikle bir html sayfa yüklendikten sonra çalışan onload metodunu tanıyalım
Bir Javascript fonksiyonun web sayfası yüklenmeye başladığında otomatik olarak çalışmasını istiyorsak onLoad olayını kullanırız.
Mesela sayfa yüklenmeye başladığında (onLoad) ziyaretçiye Web sitemiz hoş geldiniz diyebiliriz. Sayfadan ayrıldığında (onUnLoad) ise Güle Güle diyebiliriz.
onLoad da aklınıza gelebilecek herşeyi yaptırabilirsiniz. Özellikle sayfa açılışından sonra çalıştığından sayfaya yük getirecek işlemleri bile buraya koyabilirsiniz.
Örnek kullanım : Aşağıdaki şekilde bir html için koyduğunuz kod sayfa yüklendikten sonra hoşgeldiniz şeklinde bir mesaj çıkaracaktır
<script type="text/javascript">
window.onload = function () {
alert('hoşgeldiniz');
}
</script>
Burada amacımız çok fazla onload u anlatmak değil, ancak son zamanlarda çok fazla ajax kullanarak onload kullanma sıklığımız arttığı için size vereceğimiz ipucu ile mevcut onload u ezmeden nasıl onload a eklemeler yapabileceğimizi gösteriyoruz.
Mevcut onload mu? Evet sitenizde bir onload fonksiyonu varsa ve sayfaya tekrar onload fonksiyonu koyarsanız o zaman eski onload ezilir ve işe yaramaz hale gelir.
Bu durumda aşağıdaki örnek eski onload u bozmadan yeni bir kod çalıştırmamıza olanak verecek.
<script type="text/javascript">
var nowOnload = window.onload; // eski onload u sakla
window.onload = function () {
alert('hoşgeldiniz'); //onload a yaptığımız ekleme, ilk önce bu çalışacak, sonra mevcutta bulunan onload
// Şimdi eski onload ları çağırki sayfa bozulmasın
if(nowOnload != null && typeof(nowOnload) == 'function') {
nowOnload();
}
}
</script>
Etiketler : javascript
| içerik yönetimi
| web sitesi tasarımı
| web sitesi
|
