“onClick” Olayı

Bu
sayfaya kadar onclick (tıklanıldığında) olayını düğme üzerinde birçok
uygulamamızda kullandık. Bu olayı uygulamak için düğmeye ihtiyacımız
yok, herhangi bir HTML nesnesi de olur: resim, hiperlink, metin vb.
onclick olayı kullanıcının fareyle oluşturduğu olaylardandır.

<html>
<head>
<title>Olay: Onclick</title>
<script language=”JavaScript”>
function mesaj()
{
sayfa
= window.open(”",”yeni_sayfa”, “toolbar=0,location=0,directories=0,
status=0, menubar=0,scrollbars=0,resizable=0, copyhistory=0,width=280,
height=80, left=200, screenX=200, top=100, screenY=100″)
sayfa.document.write(”<h1>Merhaba</h1>”)
}
</script>
</head>
<body>

<a href=”#” onclick=”mesaj()”>Mesajınız var.</a>

</body>
</html>

“onDblClick” Olayı

onclick
olayına çok benzeyen diğer olay: ondblclick (çift tıklanıldığında).
Adından da anlaşılacağı gibi kullanıcının fareyle çift tıklamasını
ifade eder. Aşağıdaki uygulamaya bakalım:

<html>
<head>
<title>Olay: OnDblclick</title>
<script language=”JavaScript”>
function mesaj()
{
alert(”Hiperlinkin üzerine geldiniz.”)
}
</script>
</head>
<body>

<img src=”web.jpg” border=”0″ ondblclick=”mesaj()”><br>
<p>Resmin üzerine çift tıklarsanız mesaj kutusu görünür.</p>

</body>
</html>

“onMouseOver” Olayı

Fareyle
yaratılan bir diğer olay: onmouseover olayıdır, fare imlecinin bir HTML
nesnesi üzerine gelmesini ifade eder. Daha önceki uygulamayı
onmouseover olayına uyarlıyalım.

<html>
<head>
<title>Olay: OnMouseOver</title>
<script language=”JavaScript”>
function mesaj()
{
alert(”Hiperlinkin üzerine geldiniz.”)
}
</script>
</head>
<body>

<a href=”#” onmouseover=”mesaj()”>Hiperlinkin üzerine gelirseniz mesaj görünür.</a>

</body>
</html>

“onMouseOut” Olayı

Bir
başka benzer fare olayı ise onmouseout. Bu olay fare imlecin herhangi
bir HTML nesnesi üzerinden gitmesini ifade eder. Uygulamamıza bakalım.

<html>
<head>
<title>Olay: OnMouseOut</title>
<script language=”JavaScript”>
function mesaj()
{
alert(”Hiperlinkten çıktınız.”)
}
</script>
</head>
<body>

<a href=”#” onmouseout=”mesaj()”>İmleci hiperlinkin üzerinden çekerseniz mesaj görünür.</a>

</body>
</html>

Genellikle onmouseover ve onmouseout olay kodları birlikte kullanılıyor. Bunlar en çok kullanılan fare kodlarıdır.