jQuery şüphesiz en çok bilinen ve kullanılan Javascript kütüphanesi. Bunda kısa kodlarla büyük işler başarmasının elbette çok büyük payı var. jQuery’nin sunduğu efekt, olay ve işlemler sayesinde çok az bir kodla muhteşem şeyler yapılabiliyor. Ben bu yazımızda çok kısa olarak jQuery ile web sayfalarımızda kullanmak üzere bir açılır panelin nasıl yapılacağını anlatacağım. Makalemizin sonunda neler yaptığımızı anlatacak ve çalışır bir örneğimizi sizlerle paylaşacağız.

(Makalemize başlamadan önce jQuery’nin temel dosyasını indirmiş olmanız gerekiyor. jQuery’nin kararlı son sürümünü kendi sayfasından indirebilir ve üzerinde uygulamalar geliştirebilirsiniz)

Öncelikle panelimizin görünümünü düzenleyen Css kodlarını yazarak başlayalım…

Adobe Dreamweaver kendi görüşüme göre en iyi görsel web editörlerinden biri. Özellikle Cs serisinde eklenen yeni kontrol ve özelliklerle tasarımcıların işini büyük oranda kolaylaştırıyor. Bünyesine katılan Spry Js kütüphanesi sayesinde menü, navigasyon ve belli başlı web elementlerinin kontrolü oldukça basit bir şekilde yapılabiliyor. Bu makalemizde çok basit ve hızlı bir şekilde form alanlarının kontrolünü anlatacağız.

Form alanlarında biz aksini belirtmedikçe tüm alanların doldurulmasına gerek yoktur. Bu nedenle tasarımda formlar her zaman üzerinde iki kere düşünülmesi gereken elemanlardır. Formda istenilen bir değerin girilmemesi durumunda verilecek olan bir uyarı kullanıcı/ziyaretçiyi bilgilendirir ve buna göre hareket etmesi sağlanır. Bilgi girişinin sağlandığı bu elemanlar bu yüzden her zaman suistimale açıktırlar. Adobe Dreamweaver CS4 kullanarak önce basit bir form yapacağız ve sonra bu formda boş bırakılan yerlerde bir uyarı mesajının görünmesini sağlayacağız. Dilerseniz hemen başlayalım.

Sixrevisions.com yine güzel bir derlemeye imza atmış. Çeşitli Js kütüphaneleri ve salt Js ile yapılmış olan navigasyon çeşitlerinden 20 tanesini derlemişler. Bazılarını ben de görmemiştim, iyi bir kaynak oldu.

SixRevisions yine güzel bir derlemeye imza atmış. Resimler üzerinde etkili olan ve harika işler çıkaran 14 jQuery eklentisini (plugin) derlemişler. Gözatmanızda fayda var…

Mootools çalışmalarımda sıkça kullandığım ve çokta sevdiğim bir Javascript kütüphanesidir. Basit ve esnek yapısı sayesinde birçok dinamik web ögesini Mootools ile oluşturabilirsiniz. Ben bu makalemizde Mootools’un Akordion özelliğini kullanarak nasıl bir Akordion menü yapacağımızı anlatacağım. Yazımızın sonunda (ve gönderi yanındaki resmimizde de) yapmış olduğumuz menüye ait önizlemeyi görebilir dilerseniz de bilgisayarınıza indirip kullanabilirsiniz.

Herşeyden önce başlıktada belirttiğimiz gibi biz bu menüyü Mootools kütüphanesini kullanarak oluşturacağız. O yüzden Xhtml dokümanımızda öncelikle Mootools’u çağıracak olan kodu yazıyoruz. Bu sayede sayfamız Mootools betiğini okuyacak ve işlemi buna göre yapacaktır. Bu kodları Head bölümüne yazıyoruz.