jquery

Drupal İçerisine JQuery Plugin 'lerini Eklemek

Drupal ile geliştirdiğiniz projenize Jquery için hazırlanmış pluginleri ekleyerek çeşitli fonksiyonlar kazandırmak isteyebilirsiniz. Zaten Drupal varsayılan javascript framework'ü olarak da JQuery'yi kullanıyor. Yani JQuery kodu yazmak istediğinizde, dosyanızın başına kendinizin JQuery'yi dahil etmesine gerek kalmıyor. Ancak pluginleri tabiki eklemeniz gerekli. Bunun da bir kaç yöntemi var;

İlk yöntem temanızın .info dosyasını kullanarak eklemek. Tema klasörünüzdeki temaismi.info dosyasını açıp, içerisine scripts[] = scriptdosyasiadi.js kodunu eklediğinizde otomatik olarak o javascript dosyası sayfanıza eklenir.

İkinci yöntem olarak da page.tpl.php dosyanızı elle düzenleyerek <head></head> etiketleri arasına javascript kodunuz eklemek olacaktır. Tabii bu pek sistematik bir çözüm değil.

16 Adet JQuery Accordion Eklentisi

JQuery ile hazırlanmış pek çok accordion eklentisi mevcut. Accordion'u ister menü isterseniz de direkt içeriğinizi sunmak için kullanabilirsiniz. Ben de elimizin altında bulunması için, internette yer alan pek çok Jquery Accordion örneğini tek bir yerde toplamak istedim:

JQuery ile Form Kontrolü

JQuery ile hayatımızı kolaylaştıran uygulamalardan bahsetmeye devam ediyoruz. Bu sefer web sitelerimizin artık her alanında bulunan formları, nasıl istediğimiz kriterlere göre doldurtabileceğimizi göreceğiz.

JQuery ve Css ile Basit Page Peel Efekti

Bazı sitelerde görmüşsünüzdür, sayfanın sağ üst kenarına mouse'unuzu götürdüğünüzde defter yaprağı gibi açılır o kısım ve altından -genellikle- bir reklam ya da tanıtım çıkar. İşte bu efekte Page Peel deniliyor. Bu uygulama genellikle Flash ile yapılsa da çok güzel ve sağlıklı çalışan, Jquery ile yapılmış bir örneğini şurada bulabilirsiniz. Çalışan demo'su da burada.

JQuery ile Sayfayı Otomatik Kaydırmak

Her ne kadar şu "otomatik" kelimesini sevmesem de burada kullanmam gerekiyordu :) Bir projede gerekli olduğu için bu tarz bir uygulamaya ihtiyaç duydum.

Örneğin sayfanızın üst kısmı çok uzun görsel ve menülerden oluşuyor ve içeriğiniz alt tarafta kalıyor. Bu durum ana sayfa için doğal karşılanırken detay sayfalarda içeriği görüntülemek için sayfayı aşağı scroll ettirmek gerekiyor. Hal böyle olunca pek çok ziyaretçi sayfadaki içeriği göremeden sayfadan ayrılabiliyor ve sayfanın yenilendiğini bile farkedemeyebiliyor. Bu durumda ne yapmamız gerekiyor? Detay sayfalarda, sayfa yüklendiğinde otomatik olarak sayfayı içeriğin olduğu bölüme odaklamak !

ColorBox : Özelleştirilmiş Lightbox Klonu

Lightbox icad olduktan sonra herhalde resimlerini sunmak için bu şık uygulamayı kullanmayan (en azından denemeyen) kalmamıştır. ColorBox da Jquery ile hazırlanmış bir Lightbox uygulaması. 4 farklı örnek tasarım yapmışlar. Hepsi de birbirinden şık. ColorBox'ı denemek ve indirmek için şuradan buyrun.

Jquery ve Javascript Kodlaması ile İlgili Örnekler ve Alıştırmalar

Bana kalırsa en iyi javascript framework'u olan Jquery ve genel olarak javascript ipuçlarını , alıştırmalarını içeren bir yazı hazırlamış smashingmagazine.Eğer jquery kullanıcısı iseniz göz atmakta fayda var. [bağlantı]