Javascript Olaylar
Ziyaretçiye sunulan bir web sayfası üzerinde ziyaretçinin yaptığı her tür hareket bir bağlantıyı tıklaması , bir resmin üzerine gelmesi , resmin üzerinde ayrılması , bir formu yanlış doldurup hataya yol açması hep bir olaydır.
onMouseOver,onMouseOut
Bu tür nesne olayları ,ingilizce adı onMouseOver = fare işaretçisi(imleç) üzerindeyken , onMouseOut = fare işaretçisi üzerinden ayrıldığında, fare işaretçisinin istenen bir linkin üzerindeyken ve değilken açıklama yapmak için kullanılır.Örnek:
<html>
<head>< title>ornek</title>
<script language="javascript1.2">
<!--
function uzerinde()
{window.status="Tıklayın ve Zonguldak Üniversitesine bağlanın" }
function disinda()
{window.status="Zonguldak Üniversitesi ne bağlanmak istiyormusun?" }
-->
</script></head>
<body>
<a href="http://www.webbilgileri.com/index.htm" onMouseOver = uzerinde() onMouseOut =disinda()> Webbilgileri.com </a>
</body>
</html>
on Load , onUnLoad
Bu olaylar bize sayfanın yüklenmeye başlamasında (onLoad) sayfadan ayrılıncaya (onUnLoad) kadar olan yapılacak işlemler için gereklidir. Bir Javascript fonksiyonun web sayfası yüklenmeye başladığında otomatik olarak çalışmasını istiyorsak onLoad olayını kullanırız. Autoexec.bat dosyası nasıl makine açıldığında yapılmak istenenleri yapıyorsa onLoad olayında da sayfa yüklenmeye başladığında nelerin otomatik olarak başlatılacağını belirleyebiliriz. Mesela sayfa yüklenmeye başladığında ziyaretçiye Web sitemiz hoş geldiniz diyebiliriz. Sayfadan ayrıldığında ise Hoşçakalın diyebiliriz. Web sayfası kod açısında iki kısıma ayrılır. Bunlar head ve body kısmıdır. Tarayıcı açısında body kısmı asıl kısımdır. head kısmında sayfanın nasıl görüntüleneceği gibi bölümler yer alır. Bu yüzden onLoad ve onUnload kısmı body etiketleri arasında yer alır. Örnek:
<html>
<head>
<title>ornek</title>
<script language="javascript1.2">
<!--
function hosgeldiniz()
{alert("Web Sitemize Hosgeldiniz")}
function gulegule()
{alert("Hoşçakalın")}
<-->
</script>
</head>
<body onLoad="hosgeldiniz()" onUnload="gulegule()">
</body>
</html>
on Error Ziyaretçi sayfayı herhangi bir neden yüzünden tam haliyle yükleyememiş olabilir. Bu nedenler aktarım hızı veya tarayıcının Javascriptkodunu tam manasıyla yorumlayamamış olmasıdır. İşte bu durumda Error(hata) oluşur. Html üzerinde oluşan en sık error(hata) resim haritalarının (image-map) tam anlamıyla yüklenmemesinden kaynaklanır. Çünkü bu durumda resim tam yüklenmemiştir. Bu da ziyaretçinin resim üzerinde tıklayacağı yerlerin yorumlanmamasını doğurur.
<img src="resim.gif" onError="alert("Resim tam olarak yüklenemedi!..")">
onmousedown ve event.button Web sayfanızı ziyaret eden bir kişinin farenin sağ tuşu ile işlem yapmasını istemiyorsanız bu iki deyimi kullanmalısınız.Örnek: Bu program parçasını mutlaka web sayfanıza ekleyin!..
<html>
<head>
<title>ornek</title></head>
<body>
<script language="JavaScript">
<!--
document.onmousedown=click;
function click(){
if((event.button==2) || (event.button==3)){ alert("Oynama...");}
}
-->
</script>
</body>
</html>
Kategoriler : JavaScript
Webbilgileri.com' da bilgilerinizi paylaşmak istiyorsanız.
Ders Ekle linkmizi kullanabilirsiniz.
1 Adet Yorum Bulunmaktadır.
Yazan : kolpa
Tarih :13.02.2012 13:18:36
hiç beqenmedim =)
Makale hakkındaki yorumlarınız ?