Jquery ve Prototype javascript kütüphaneleri birlikte kullanmak için dikkat edilmesi gereken kurallar.
August 27, 2009 tarihinde postalandı
Javascript, Uncategorized | 3 Comments altında dosyalandı
Günümüzdeki web projelerinde çoğu zaman birden fazla javascript kütüphanesi ile çalışmak zorunda kalabiliyoruz. Javascript kütüphanelerinden günümüzde en çok kullanılan ise Jquery ve Prototype. Bu yetenekli ikiliyi beraber kullanmak istediğimizde birşeylerin düzgün gitmediğini göreceksiniz. Sorunun kaynağı sayfa içindeki nesnelere erişmek için kullandıkları ortak $() fonksiyonundan kaynaklanmaktadır.
Sorunun çözümü ise basit. Jquery kütüphanesini Prototype kütüphanesinden önce yüklemek ve daha sonra Jquery içindeki objelere erişmek için kullandığınız $() yöntemi yerine jQuery() yöntemi kullanmak sorununuzu tamamen çözecektir. Eğer jQuery ile yazılmış ekstra pluginler kullanıyorsanız bu script dosyaları içinde bulunan $() fonksiyonunu jQuery() ile değiştemeniz gerektiğinide unutmayın. Bu işlem ilk başlarda kafanızı karıştırsada ilerde başınızı ağrıtabilecek bir çok script hatasındanda kurtaracaktır. Önerdiğim yöntem sorunun çözümü için kullanabileceğiniz en sağlam yöntemdir.
İkinci bir alternatif olan Jquery tarafından sunulan jQuery.noConflict() fonksiyonu ise çoğu zaman işe yaramamaktadır ve yukarıdaki şekilde yapılandırmanızı ayarlarsanız bu fonksiyona kesinlikle ihtiyacınızda olmayacaktır.
Dev – Mustafa Murat Boyacı
May 29, 2009 tarihinde postalandı
Mustafa Murat Boyacı | Bir yorum bırak altında dosyalandı
Bundan sonra fırsat buldukça çok sevdiğim logomu tasarlayan ve tasarım konusundaki bilgisini paylaşmaktan hiç kaçınmayan sevgili arkadaşım Mustafa Murat Boyacı’nın çalışmalarınada sitemde yer vermeye çalışacam. Masaüstünüzde çok şık duracağını düşündüğüm son çalışması olan Dev’i sizlerle paylaşmak istedim. Güle güle kullanın
Biddoor
May 22, 2009 tarihinde postalandı
Portfolyo | Bir yorum bırak altında dosyalandı
İş Tanımı
- Kullanıcı arabiriminin geliştirilmesi (XHTML, CSS, Javascript)
- .net üzerine kurulu sistem üzerine kullanıcı arabiriminin giydirilmesi
- Arama motoru optimizasyonu çalışması
Coca Cola Kurumsal
May 22, 2009 tarihinde postalandı
Portfolyo | Bir yorum bırak altında dosyalandı
İş Tanımı
- Kullanıcı arabiriminin geliştirilmesi (XHTML, CSS, Javascript)
- Arama motoru optimizasyonu çalışması
IE8 Hakkında Bilmeniz Gerekenler
April 2, 2009 tarihinde postalandı
CSS, HTML, IE8, Javascript, Tarayıcılar | 1 Yorum altında dosyalandı
IE8 uyumluluk modu / IE8 tarayıcısının IE7 gibi render etmesini önlemek
IE8 içinde bir düğmeye basarak sayfamızı IE7 içinde çalışır gibi davranmasını sağlayabiliyoruz. Bu düğmeye tıklandığında sayfamız bundan sonra IE7 gibi davranmaya başlayacaktır. Peki, IE7 modunda sayfamızın IE8 gibi davranma şansı varmı? Maalesef bunu yapmak mümkün değil. Eğer sayfalarımızı IE8 içinde çalışacak şekilde tasarlamış ve kesinlikle bu modda çalışmasını sağlamak istiyorsak sayfamızın içine aşağıdaki parametreyi eklemek yeterli olacaktır.
<meta http-equiv="X-UA-Compatible" content="IE=8" />
Alternatif olarak, eğer tarayıcımızın IE7 gibi davranmasını istiyorsak aşağıdaki kodu eklememiz yeterli olacaktır.
<meta http-equiv="X-UA-Compatible" content="IE=7" />
Her ne kadar bu etiketleri ekleyerek IE8′in IE7 gibi davranmasını sağlasakta bu gerçek bir IE7 gibi olmayacaktır. Bu nedenden meta etiketlerinin kullanımını önermiyorum.
IE8 CSS Hack
IE8 için kullanacağım hack yöntemi star hack yöntemini kullarak IE7 ve daha düşük versiyonları hedef alır. Fakat eski IE tarayıcıları için daha farklı hack yöntemleride kullanılabilir.
p.myclass {
color: green;
*color: red;
}
body:last-child p.myclass {
color: blue;
}
Bu hack yöntemi kullanıldığında myclass sınıfına sahip paragraflar;
- IE7 ve IE6 içinde kırmızı
- IE8 içinde yeşil
- FF, Safari and Opera içinde mavi renk olacaktır.