Bu videolu anlatımda, jQuery’nin index alma özelliğini kullanarak çok basit ama bir o kadarda esnek bir tab yapısı geliştiriyoruz.

• Video Anlatımı İzle / İndir
• Örneği Görüntüle / İndir

Arkadaşlar son bir kaç haftadır, kendimi jQuery konusunda, hızlı bir şekilde geliştirmekteyim ve size jQuery kodu geliştirmenin ne kadar zevkli ve kolay olduğunu anlatamam.

Umarım faydalı bir videolu anlatım olmuştur. Düşüncelerinizi yorum bölümü aracılığı ile paylaşırsanız çok mutlu olurum.

Güncellemeler

javascript:void(0) ve noktalı virgülleri eklemek – 12.10.2009

Arkadaşlar a etiketlerinde

href="#"

aşağıdaki güncellemeyi yaptım.

href="javascript:void(0)"

Bu güncellemeyi yapmadan evvel herhangi bir sekmeye tıkladığınızda url’in sonuna # işareti koyuyordu yani aslında sayfada # işaretli bir anchor linke gitmeye çalışıyordu. Ama ben eklediğim kod ile a etiketine href değeri ile hiçbirşey yapmamasını söylüyorum.

Ayrıca işlemlerin sonlarına noktalı virgül ekledim. Noktalı virgüller yokken de sorunsuz çalışıyordu ancak noktalı virgülleri eklememeyi tembellik olarak değerlendirebiliriz. Çünkü yarın olurda kodlarınızı sıkıştırmanız gerekirse sıkıştırma uygulamaları bu noktalı virgülleri dikkate alıyorlar.

• Video (10 Dakika, 15 MB) İzle / İndir
• Örneği Görüntüle / İndir

Öncelikle bu paylaşımda sizler ile paylaşacağım jQuery çözümünü, benimle paylaşan iş arkadaşım Onur Özkan’a bir kez daha buradan teşekkkür etmek isterim.

Bu yeni paylaşımda, sabit yüksekliğe sahip ya da yüksekliği belli olmayan bir içeriği,  jQuery kodları kullanarak, sayfaya nasıl dikey bir şekilde ortalayabileceğimizi göreceğiz.

Arkadaşlar, HTML ve CSS kodları kullanarak da içeriği sayfaya dikey olarak ortalamak mümkün ve Fatih Hayrioğlu’nun bu konuda, CSS ile Dikey Ortalama, bir paylaşımıda mevcut, bu paylaşımı ve paylaşımda belirtilen kaynakları inceleyerek ilgili çözüm hakkında bilgiler edinebilirsiniz.

Ben jQuery çözümünü tercih ediyorum çünkü;

• Ekstra HTML ve CSS kodları kullanmıyorum
• O tarayıcıda çalışır, bu tarayıcıda çalışmaz gibi bir sıkıntım olmuyor
• Ortalamak istediğim içeriğin yüksekliğini bilmeme gerek yok

Umarım bu paylaşım sizler içinde faydalı olur ve sizin içinde dikey ortalama bir problem olmaktan çıkar. Bir sonraki paylaşımda görüşmek üzere, kolay gelsin.

Opera 10 Sorunu

Arkadaşlar, anladığımız (eBurhan ve ben) kadarı ile, Opera 10, body’nin yüksekliğini pencere yüksekliğine göre değil de, içeriğin yüksekliğine göre hesaplıyor. Bu nedenle Opera 10 da içerik dikey olarak ortalanmıyordu. eBurhan sağolsun şöyle bir çözüm buldu.

En baştaki kodu,

var pencere_yukseklik = $(window).height()

bu kod ile değiştirince,

var pencere_yukseklik = document.documentElement.clientHeight

sorun çözülüyor.