1- Dinamik oluşturulan elementlere live() ile olay atama
Sayfaya dinamik olarak eklenen içeriklerde veya ajax ile doldurduğumuz
içeriklerdeki elemanlara bir olay atadığımızda(click, mouseover vd.)
çalışmayacaktır. jQuery geliştiricileri bunun için live() fonksiyonunu
geliştirmiş.
Belki ara sıra lazım olacak bir kod ama bazen gerekiyor işte. Pencere
boyutu her değiştiğine bazı işlemleri yapmak sistemimizi yorabilir diye
setTimeout yardımı ile belli aralıklarla bunu yaptırıyoruz.
3 - Element miktarını bulmak
Bir dokümanda seçilen elemandan kaç adet olduğu bulmak için;
4 - Bir elemanın index değerini bulmak
index değerini bulmanın farklı bir yolu
5- Bir elemanın görünür olup olmadığını yakalamak
6- Kaç tane alt elemanı(çocuk elemanı) var
7- jQuery Kopya Kağıdı(Cheat Sheet)
jQuery’nini bir çok özelliği var ve bunları aklımızda tutma imkanımız
yok. Bir kopya kağıdı işimize yaraya bilir.
-http://www.futurecolors.ru/jquery/-
Burada son sürümün kopya kağıdı mevcut. Bende css3 özelliklerini
kullanarak biraz renklendirdim. Benim renklendirdiğim(CSS3 içerir,
herisi göremez)
Bir sorun ile daha karşınızdayım. Evet yine ie ve yine sorun. Bir
projeye başladığımda kodlamayı yaparken devamlı ie6 ile test ediyorum,
ama bazı sorunları daha çözerim diye bırakıyorum, bunun güzel bir şey
olduğunu biliyorum ama sorunlardan gına gelince kendimi rahatlatmak için
böyle bir yola başvuruyorum. Daha sonra projenin sonlarına doğru bu
sorunların üzerine eğiliyorum. İlk baktığımda bana çok zor gibi gelen
bazı sorunları gidermek için bazen tek bir arama ile cevaba ulaşıyorum
ve seviniyorum, korktuğum kadar beni uğraştırmadığı için.
Sorunu şöyle tanımlayabilirim; overflow kullandığım bir eleman içindeki
bir elemana position:relative tanımladığımda relative verdiğim eleman
overflow uyguladığım elemanın dışına çıkıyor ve scroll olmuyor.
Şöyle küçük bir örnek durumu daha iyi gösterecektir.
CSS kodu da şöyle
Sonuca ie 6 ve 7 ile baktığımızda aşağıdaki gibi bir sorun ile
karşılaşacağız.
Bu makaleyi çok önce yazmayı planlıyordum, ancak üzerinden
zaman geçmesine rağmen hala sIFR kullanılan bir yöntem olduğu için
yinede yazıyı yazmaya karar verdim. Her nekadar font-face kull anımı
bize bu tip alternatiflerden alıkoymak için çıktı ise de daha öncede bahsettiğimiz gibi tasarımdaki anti-aliasing özelliğini sağlayamıyor
maalesef. Bundan dolayı hala eski yönte mleri kullanmaya devam
etmekteyiz.
İlk olarak sIRF 2’den farklı olarak sIFR 3 eklene dosyalar farklıdır ve
özellik tanımları için ek olarak sifr-config.js dosyası ile daha bir
düzen getirilmiştir.
sifr-debug.js dosyasını sadece deneme yaparken kolay hata yakalamak
için kullanmamız içindir, yayına atarken bu dosyayı eklemeye gerek yok.
sIFR örneklerimizi kendi bilgisayarımızda çalıştırmaya çalıştığımızda
görünmeyecektir, sadece web sunucusu kurulu makinelerde çalışacaktır. Bu
daha önceden meydana gelen bazı sorunları gidermek için eklenmiş bir
özelliktir.
Yukarıdaki bir ekleme ile sIFR harici dosyalarını sayfamıza eklemeliyiz.
Bu dosyaları yerlerine koyup sayfamıza kodu ekledikten sonra yapacağımız
ilk şey sifr-config.js dosyasını açıp swf dosyamızın yerini doğru
bir şekilde eklemek olmalıdır.
Şeklinde örnek aldığımız kodlardan yazi_tipi adı geçen yerlere
kendi dosya ismimizi yazmalıyız.
sIFR metnine Stil Vermek
sIFR ile eklediğimiz metinlere css kodları ile özellik tanımı
yapabiliriz. Alışık olduğumuz CSS özellik tanımlarını kullanma olanağı
vererek bize çok büyük avantaj sağlıyor.
Örnek olması için yukarıda kodları yazdım, ancak bu kısma istediğimiz
kodları ekleyebiliriz. letter-spacing tanımı ile harfler arası mesafeyi
ayarlayabiliriz. Değeri verirken birimini yazmıyoruz. Benzer şekilde bir
çok özellik ekleyebiliriz.
Satır yüksekliğini ayarlamak
leading: 1 tanımı satır yüksekliğini(line-height tanımı yerine
kullanılır) ayarlamak için kullanılır. Değer verilirken birim
kullanılmaz. Eksi değer alabilir.
sIFR metinlerine bağlantı eklemek ve stil tanımlarını yapmak
Yukarıdaki tanımlama ile eklediğimiz bağlantının farklı durumları içinde
tanım yapabiliyoruz.
Benzer şekilde sIFR uyguladığımız eleman içindeki elemanlarada stil
ekleyebiliriz. Örneğin
Böylece sIFR içindeki her elemana farklı renk tanımı yapabiliriz.
Saydam(transparent) Özelliği Vermek
sIFR ile eklediğimiz metnin altında kalan alanlar nedeni ile bazen
saydam olarak eklemek isteriz. Yapmamız gereken çok basittir. Bir satır
kod ile ardalanı saydam yapabiliriz.
wmode: ‘transparent’eklemesi işimizi görecektir.
Dinamik Oluşturulan İçerikteki Metinlere sFIR Uygulamak
Örneğin sekmeli bir içeriğin içindeki başlıklara sIFR uyguladığımızda
sFIR sayfa yüklendiğinde uygulandığından diğer sekmelerdeki metinlere
uygulanmayacaktır. Diğer sekmelerdeki metinlerede uygulamak için her
sekme için uygulanan sFIR fonksiyonu çağırmalıyız.
Sonuç
Birçok projemde kullandım sFIR metodunu. Gördüklerim buraya
yazmayaçalıştım. Eğer sizinde eklemek istediğiniz ipuçları varsa yorum
kısmınaeklerseniz güzel bir dokümantasyon oluşturmuş oluruz.