Javascript Olaylar (Events)

     

Javascript Onclick

Sizlere bu web sayfasında olup biteni dilim döndüğünce anlatmaya çalışacağım. Firefox isimli tarayıcıyı mozilla.org sitesinden kendinize indirebilirsiniz. Paragraf etiketi içinde olan yazı görsel olarak diğer paragraflardan ayrı algılanır.

HTML de <P> etiketi ile bir paragraf belirtiriz. Sizin öğrendiğiniz birşey var: başlangıç ve bitişi olan etiket (tag) ların başlangıcı söylendiyse siz bitişini söyleyebilirsiniz: </P> paragraf bitişini belirtmek için kullanılır.

Bu paragrafa mouse ile tıkladığınızda renk green (yeşil) olacaktır. <P> etiketinin onclick özelliğine javascript kodu yazdım. Birçok html etiketinin onclick olayı mevcuttur. Yazdığım javascript kodu 3 satırdan oluşuyor; dördüncü satırın başında pasif (//) işareti vardır.
function tiklama(x){ var p_etiketi = ""; p_etiketi = document.getElementById(x); p_etiketi.style.color = "green"; //alert(p_etiketi.innerText); }

3. paragrafa tıklamada da aynı fonksiyon çalışıyor. Hangi paragraftan tıklandıysa o paragrafın kimlik (id) bilgisi fonksiyona gönderiliyor.

Paragraflar arasına yatay çizgiyi <hr> ile çektik. Paragraf içinde satır atlatmayı ise <br> ile yaptık.

<B> ile koyu (Bold) yapacağımız kelime yada kelimeleri belirtebiliriz. Her HTML

Javascript Olayları... (Onload)

javascript kodlarını head bitişinden sonra body başlangıcından önceye yazdık. kodlarımızı script etiketinin alanına yazdık .

fonksiyonların dışında tanımlanan değişken her fonksiyondan ulaşılabilir. Fonksiyon içindeki değişkeni sadece fonksiyon görebilir. Variable kelimesinin kısaltması olan var ile değişken tanımlandı.

Body etiketinin onload olayına (event) yazdığımız fonksiyon ile H4 etiketinin varsayılan (ilk) değeri saklandı.

Peki neden başlık <h4> texti saklandı? Çünkü resimlerin üzerine gelindiğinde biz başlığı değiştiriyoruz. Resim üzerinden gidildiğinde de ilk başlığı atamak için bir yere saklamış oluyoruz.

onmouseout olayı ile farenin resim üzerinden gittiğini anlıyoruz. onmouseover ile de fare resmin üzerine gelindiği anlaşılır.

HTML Özel Karakterler