Javascript must be enabled in your browser to use this page.
Please enable Javascript under your Tools menu in your browser.
Once javascript is enabled Click here to go back to PcTekno.NET | PTN |
Skip to content
Site Araçları
pc webmaster bilgisayar teknoloji tekno haber pc webmaster bilgisayar teknoloji tekno haber pc webmaster bilgisayar teknoloji tekno haber pc webmaster bilgisayar teknoloji tekno haber pc webmaster bilgisayar teknoloji tekno haber pc webmaster bilgisayar teknoloji tekno haber pc webmaster bilgisayar teknoloji tekno haber pc webmaster bilgisayar teknoloji tekno haber pc webmaster bilgisayar teknoloji tekno haber
Konumunuz: Anasayfa arrow Javascript arrow Javascript - OnLoad - OnUnload
Javascript - OnLoad - OnUnload Yazdır E-posta
Üye Değerlendirme: / 0
Kötüİyi 
Pazartesi, 09 Temmuz 2007

Sample ImageonLoad, onUnLoad eventleri

Web sayfasının yüklendiğini belirten evente javascript onLoad adı veriyor. Bu event sayfanın yüklenmesi bittiğinde harekete geçer ve istenilen fonksiyonu çağırır.

Yine bir web sayfasından çıkıldığını kontrol eden event ise onUnLoad eventidir. Bir websayfası ile işimiz bittiğinde diğer web sayfasına geçerken çalışan bu event istenilen fonksiyonu çalıştırır.

onLoad eventine değinmek istyorum. Bu event bize çok gereklidir. Bunun nedeni javascriptin html belgesi içerisinde olan bir çok elemenı(form, frame, resim gibi.) nesne olarak görmesi ve bunlar üzerinde işlem yapabilmesidir.

Bu eventin ne zaman lazım olduğunu bir örnek ile anlatalım. Bir saat scripti yazdığımızda bu script head tagları arasına yazılır. Fakat script sonuçları bir form içerisindeki text kutusuna yazar. Bu durumda script çalıştığında form daha yüklenmemiş ve dolayısıyla yoktur. Javascript ise bu forma saati yazmak istediğinde bir hata mesajı verecek ve duracaktır.

Bu gibi durumların önüne geçmek için sayfanın yüklenmesini beklemek ve scripti sayfa yüklendikten sonra çalıştırmakta fayda bulunuyor. Bununda onLoad eventi rahatlıkla yapıyor.

onLoad ve onUnLoad eventleri body tagı içerisinde kullanılırlar.
<body onLoad="saat()" onUnLoad="gulegule()"> gibi.

Bir örnek üzerinde sonucu görelim. Hazırlayacağımız script sayfa yüklendiğinde bir formla hazırlanmış text kutusuna hoşgeldin yazsın. Fakat önce ismimizi isteyerek. Sonra ise sayfadan çıkarken güle güle desin.

 
<html>
<head>
<title>denemeler</title>
<script>
<!-- gizle
function giris(){
        isim=prompt("Lütfen adınızı giriniz : ","");
        mesaj=isim+" hoşgeldin.";
        document.yaziForm.yaz.value=mesaj;
        }
function cikis(){
        alert("Sayfamızı ziyaret ettiğiniz için teşkkürler.");
        }
// gizleme sonu -->
</script>
</head>
<body bgcolor=pink onLoad="giris()" onUnLoad="cikis()">
Bu bölümde sayfa içeriği bulunuyor.
<form name=yaziForm>
<input type=text name=yaz size=30>
<form>
</body>
</html>

Hazırladığımız script iki fonksiyondan oluşuyor. Birici fonksiyon giris() isimli. isim adlı değişkene propmt ile alın kullanıcı adı giriliyor. mesaj değişkenine ise isim değişkeni ile birlikte hoşgeldiniz. kelimesinin birleştirilmesi sonucu değer atanıyor. Elde edilen mesaj yaziForm un yaz isimli textkutusuna yazlılıyor. Aslında dikkat etmemiz gereken konu giris() fonksiyonunun çağrılmasıdır. Bu fonksiyonu sadece onLoad="giris()" şeklinde body tagına bir parametre olarak çağırdık. Bu sayede sayfa yüklendikten sonra giris() fonksiyonunun çalışmasını sağladık.

cikis() adlı fonksiyon ise sadece ekrana bir mesaj basıyor. Önemli olan bu mesajı ekrana basması için fonksiyonun onUnLoad eventi ile çağrılmasıdır. Sayfadan herhangi bir nedenle çıkıldığında unOnLoad="cikic()" kondları cikis() fonksiyonunu çağıracak ve bu fonksiyon görevini icra edecektir.

Yorumlar (0)Add Comment

Yorum Yazın
Yorum ekleyebilmeniz için giriş yapmanız gerekiyor. Henüz bir hesabınız yoksa lütfen kayıt olun.

busy
 
< Önceki   Sonraki >

Ana Menü

Anasayfa
Haberler
PC Videolar
Download
Torrent Ara
Foto Galeri
E-Market
:: PcTekno.NET Forum ::
PC Sözlük
Sitemap
Arama
İletişim

Giriş Formu






Kayıp Parola?
Hesabınız yok mu? Kayıt Ol

İp Adresiniz

Ip Adresiniz: 38.103.63.55

Alexa