4- Özellik Seçiciler(Attribute Selector)
Özellik seçiciler Xhtml taglarında kullanılan özelliklere yada bu özelliklerin aldıkları değerlere göre CSS kodlarını sayfa elemanlarına atamak için kullanılınır.
Dikkat ederseniz birbirinden farklı Xhtml tagları ama ikiside title özelliğini kullanmış burada title özelliğinin aldığı değer her iki Xhtml elemanı için muhakkak farklı olacaktır ama önemli olan bu iki elemanında title property(özelliğini) kullanmasıdır.
* Bu özellikler internet Explorer 7.0 altı sürümlerde desteklenmiyor……
özellik seçici oluşturalım ;
30 views
* (YILDIZ ) karakterini kullanarak genel bir seçici oluşturabilirsiniz ve bu tüm elemanlara uygulanacaktır.Ayrıca evrensel seçiciler belgedeki tüm elemanlara ugulanır.
Evrensel seçinin yapısı:
*{color:blue;text-decoration:overline;}
Örnek :
3 views
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
