Jquery bölümüne ilk makaleyi eklemek herzaman olduğu gibi yine bana düştü. Açıkçası makale konusunu şeçerken baya düşünmek zorunda kaldım. Çünkü eskiler hep birşey nasıl başlarsa öyle gider derler. Ben de ilk makale için haber içeriğine sahip sitelerde sıkça rastladığımız, flash haber, sıcak haber, son dakika başlığı altında yer alan uygulamalarda kullanılabilecek, geliştirilmeye açık bir script yazmaya karar verdim. Sizlerin ne için kullanacağı ise hayal gücünüzle sınırlı. Jquery bölümünde giriş, selectörler,ajax, event gibi temel özelliklerden makale olarak söz etmeyeceğim, bunları merak eden arkadaşlar www.jquery.com adresine giderek documentation ve tutorial ları inceleyebilir.

Öncelikle kodlayacağımız scriptin neler yapacağını açıklayarak hedefimizi belirleyelim. Scriptimiz veritabanı yada rss kaynaklarından çektiği son 5 haberi 10 saniyede 1 kez değiştirerek 5 adet haberi slide show haline getirecek, dilediğimiz anda istediğimiz habere geçebilme imkanı sağlayacak.



Artık neyi neden yazdığımızı açıklamama yardımcı olacak hedefe sahibiz. Öncelikle scripti statik bir sayfa olarak yazacağım, yani en basitten başlayacağız. Daha sonra oluşturduğumuz statik sayfa üzerinde geliştirmeler yaparak scriptimizi veritabanı ve rss desteği ile çalışabilir duruma getireceğim.
Aşağıda yazdığım kodlar statik_haber.html dosyasında yeralmaktadır.


Yukarıdaki kodu html olarak kayıt edip çalıştırdığınızda scriptin çalışmasını görebilirsiniz. Aslında pclerinde apache ve php bulunmaya arkadaşlarında scripti görebilmeleri için önce bu sayfayı hazırladım. Şimdi de uygulamamızı biraz geliştirelim ve sayfalarında rss kullanarak içerikleri sergileyen arkadaşlar için scriptimizi modifiye edelim.
Aşağıda yazdığım kodlar rss_haber.php dosyasında yeralmaktadır.


Rss desteği ile kodumuz bu hali aldı. Şimdi de içeriklerini veri tabanından çekerek gösteren arkadaşlar için kodumuzu biraz değiştirip, scriptimize veritabanı desteği sağlıyacağız. Veritabanı desteği için oluşturduğum tablonun yapısını aşağıda veriyorum.



Yukarıda verdiğim sql i aşağıdaki sayfayı çalıştırmadan önce mysql veritabanında çalıştırınız. Bu size gerekli olan tabloyu ve örnek için 5 adet kayıt oluştıracaktır.
Aşağıda yazdığım kodlar db_haber.php dosyasında yeralmaktadır.



Örnek kodları indirmek için tıklayın.
Alternatif link için tıklayın

Bu makale ile jquery dünjasına balıklama dalmış olduk bir sonraki makalede buluşmak dilegiyle kodlarla kalın.

Ziyaretçi olarak yorum yazamazsınız. Üye olmak için tıklayın Üye iseniz giriş yapın.