JAVASCRIPT eventhandler dediğimiz olay yönlendirici , olay güdümlüyücü bir şekilde çalışır. Yani bir event (olay) gerçekleşir ve bu olaya kod yazılır. JAVASCRIPTte olaylara kod yazarken function ( fonksiyonlar ) kullanılınır. Sayfamıza bir buton ekleyelim ve olay yönlendiriciye JAVASCRIPT yazmayı görelim ;
Şunu söyleyelim dikkat edilirse script tagları kullanılmadı ve direk bir eventhandler içerisine bir JAVASCRIPT deyimi ekledik. Aslında olayyönlendiricilere JAVASCRIPT yazmak kodlar çoğaldıkça karışıklığa neden olabilir bu yüzden fonksiyonlar kullanılınır.
</body>
Burada click olayı olduğunda bir fonksiyon çağırabiliriz.
6 views
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″ />
<title>Untitled Document</title>
<script language=”JAVASCRIPT”>
BU KISIMDA KODLAR OLACAK
</script>
</head>
2.JAVASCRIPT kodlarımızı body etiketleri arasında tanımlayabiliriz. Burada kodlarımız sayfa yüklendikten sonra yorumlanacaktır.
<body>
<script language=”JAVASCRIPT”>
</script>
</body>
3. JAVASCRIPT kodlarımızı dışarıda ( .js ) uzantılı bir dosya içerisinde saklayarak HTML sayfası içerisinden bu kodları çağırabiliriz. Yani bu kodları çağırmak sayfa kodları arasına dahil etmektir.Bunu yaparken script tagımızın src (source ) özelliğini kullanıyoruz.
Burada script etiketinin kapatıldığına dikkat edin. ilk.js dosyası içerisinde JAVASCRIPT kodlarını barındıran bir sayfadır ve uzantısı .js dir. Bu şekilde ilk.js dosyası içerisinde ki JAVASCRIPT kodlarını sayfamıza dahil etmiş olduk.
Dikkat edilecek husular ;
JAVASCRIPT kodlarının bir kaynak dosyada saklanmasının avantajları vardır.
* Örneğin belirli bir işlem yapacaksınız sayfanızda ve bu işlem var olan tüm alt sayfalarınızda kullanılacak Eğer kaynak dosya kullanmazsanız ana sayfa ve tüm alt sayfalarada bu kodları eklemeniz gerekecek bu durumda ya sonradan bir değişiklik yapma ihtiyacı duyarsanız o zaman tüm sayfalardaki kodları değiştirmeniz gerekecek bununda epey bir işlem alacağı kesin . Ama eğer bir kaynak dosyada bu kodları saklar ve her sayfaya src parametresi ile bu kaynak dosyayı eklerseniz , deşiklik yapacağınız zaman sadece kaynak dosyayı değiştirmeniz yeterli olacaktır.
* Kod karmaşasından kurtulmak ve hata tespiti için kaynak dosya kullanmak daha avantajlı olacaktır.
17 views
Css xhtml elemanlarının bir kutu içinde düşündüğünden , kutunun border yani kenarlık özelliklerini değiştirme imkanı sağlar.
Bu özellik kenar çizgisinin tipini ayarlamak için kullanılınır.Ayrıca kutu kenar çizgilerini kullanıma açmak için kullanılınır .Bu özelliğe atadığınız değer kutunun 4 kenarı içinde uygulanır.
| değer | açıklama |
| none | Herhangi bir border tanımlaması yok |
| hidden | Border gizle |
| dotted | Noktalı çizgi |
| dashed | Kesik çizgi şeklinde |
| solid | Tek çizgi |
| double | İki çizgi |
| groove | Oluk şeklinde çizgi |
| ridge | Üsten alta eğimli (sırtlı çizgi) |
| inset | İçe doğru derinlik hissi veren |
| outset | Dışa doğru derinlik hissi veren çizgi |
Burada şuna dikkat edelim bir p elemanı için kenarlık stili yani tipi tanımlaması yaptım çünkü p elemanı css tarafından bir kutu içerisindeymiş gibi varsayılır.
Örnek:
Resimin normal hali aşağıdadır ;
7 views
