Basit bir açılır menü (drop down) nasıl yapılır, mantığı nasıldır bunu anlatmaya çalışacağım. Bu örnekteki açılır menü, üzerine tıklandığında açılıyor, basit bir değişiklikle üzerine gelindiğinde de açılmasını sağlayabilirsiniz. Hemen html ve css kodlarımıza bir bakalım. <style type="text/css"> body{font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;background-color:#3c3c3c;} h1{ text-shadow:0 1px 1px #575656; font-size:50px; color:#d1d1d1; margin:0 } .container{width:500px;} .dd{ border:1px solid #575656; padding:5px; background:#e9e9e9 [...]

Fotoğraf kırpmak (crop) işlemi dışarıdan karışık bir işmiş gibi görünsede esasında çok basit bir işlemdir. Hele ki jCrop diye güzel jquery eklentisi varken bu işlem hem kolay hemde eğlencelidir. Olayın mantığına bakacak olursak, jCrop bizim için resim üzerinde seçtiğimiz kısımın yükseklik, genişlik, x ve y değerlerini alıyor. Sornasın da bu bilgiler eşliğinde orjinal resim üzerinde [...]

Ne garip bir isim oldu yav, göster – gizle :) Neyse jQuery ile basit bir menü örneği. Önizlemesine buradan bakabilirsiniz. <script type="text/javascript"> $(document).ready(function(){ $(".panel span").click(function(){ var t = $(this); if(t.text() =="Göster") { t.text("Gizle"); } else { t.text("Göster"); } $(".panel .menu").toggle(‘fast’); }); }); </script>

Sağım solum önüm arkam AJAX ! Ajax ile dosya yüklemek işgence olmaktan çıkıyor desem sanırım abartmış olmam. Sayfa yeniden yüklenmediğinden dolayı kullanıcı seçtiği dosyayı sistemize yüklerken öte yandan formun geri kalanını rahatlıkla doldurabiliyor. jQuery nin Ajax Upload eklentisiyle iki dakika da upload işimizi halledebiliyoruz. Bu adreste klentinin demoları bulunuyor. Bu arada ben güvenlik sebebiyle örneğimde sadece .jpg dosyalarını yükletiyorum.

quickSearch tablo içinde ki veriler içerisinde arama yapmamıza olanak sağlayan bir jquery eklentisi. Eklentinin ana sayfasına buradan ulaşabilirsiniz. Eklenti gayet hızlı çalışıyor ve arama işinde de gayet başarılı.  Buradan içerisinde çok kayıt bulunan bir tabloda ki performansını görebilirsiniz. İnsan neden böyle bir eklentiye ihtiyaç duyar gibisinden bir soru gelebilir. Alınan raporlarda, ürün listelerinde vb.. yerlerde formu post edip, veritabanına istek [...]

Facebook’ un fotoğrafları etiketleme (tag) lama mekanızmasını bilmeyen yoktur herhalde. Geçen gün lazım oldu ara tara bir türlü istediğim gibisini bulamadım. İsteğimize en yakın olan olan scripti gözüme kestirip facebook vari bir etiketleme mekanızması yapmaya çalıştım. (Scriptin (betik) orjinal halini bir türlü bulamadım, unutmazsam yarın eklerim.) Betiğe eklediğim özellikler; etiketleme sırasında arkadaşların listesi geliyor ve tıklayıp o kişiyi etiketleyebiliyorsunuz. Arkadaş listenizde [...]

jQuery çatısının çok tercih edilme sebeplerinin başında, bolca dökümanın ve eklentisinin olması geliyor. Son zamanlar da birazdan sıralayacağım eklentileri çok kullanır oldum. Sebebide işlerini gayet başarılı bir şekilde yapmaları, kullanımlarının son derece basit olması ve boyutlarının makul seviyede olması. Easy Slider: Eklentinin sayfasına buradan ulaşabilirsiniz. Günümüz sayfalarında görmeye alıştığımız, sağa sola kayan ve içerisinde fotoğraf [...]

Sürekli site açılış haberi verecek değilim :) Şimdi ki yazımda jQuery ve css ile basit bir yatay açılır menünün nasıl yapılacağına göz atacağız. Başlangıç noktasında ul ve li etiketlerinden bir hiyerarşi yaratıyoruz. Eğer kodumuza bakarsak yapıyı rahatlıkla anlayabiliriz, bir nevi ağaç yapısı. <ul> <li><a href="">Deneme</a></li> <li><a href="">Deneme</a> <ul> <li><a href="">asdasd</a></li> <li><a href="">fasdfasdf</a></li> <li><a href="">asdfasdf</a></li> </ul> [...]

Hazırdan ne kadar kaçarsak yaptığımız işin kontrolüde bir okadar elimizde olur. Son zamanlarda elimden geldiği kadar hazır scriptlere bulaşmıyorum. Sebebide ekleme çıkarmalarda yada kişiselleştirmelerde yaşadığım problemler ve beraberinde çok büyük zaman kayıpları. Bu noktada jQuery dertlere deva oluyor desem sanırım abartmış olmam. Bu yazımda çoğu haber sitesinden aşikâr olduğumuz manşet mekanızmasından yapacağız. Kodları gördüğünüzde jQuery nin bize neler sunduğunu daha [...]

Otomatik kod tanımlamayı garipsemeyin çünkü intelliSense kelimesinin Türkçe karşılığını bulamadım :) Kısaca intelliSense şu demek; kodu yazmaya başladığınızda otomatik olarak ilgili kodcuklar listeleyen, aynı zamanda fonksyionların açıklamalarını alacağı parametreleri görebildiğimiz, işimizi hızlandırmaktan başka bir şeye yaramayan bir özellik. Bu işlemi jQuery içinde yapabiliyoruz, yani $(document) noktaya bastığımızda ilgili fonksiyonlar geliyor. Bunun için http://code.jquery.com/jquery-1.2.6-vsdoc.js adresindeki vsdoc [...]