"Enter"a basıp içeriğe geçin

Etiket: jquery

Javascript ile veri sorgulama: LINQ

Tarih: 14 Ocak 2013

Bir süredir üzerinde çalıştığım klasik HTML tabloları MS Excel’deki gibi Pivot Table mantığında işleyebilecek bir mini javascript projesi giderek daha karmaşık hale gelmeye başladı. Yolun başında bağımsız fonksiyonlarla kullanıyorduk ama jQuery ile o kadar iç içe idi ki en iyisi bir jQuery plugini olsun dedik. Arayüzünde Twitter Bootstrap kullandığımız projemizi github hesabımızdan takip edebilirsiniz. Henüz tamamlanmadı ama kısa sürede neticeye varmayı ümit ediyoruz. Projede başta Jquery ve Twitter Bootstrap olmak üzere pek çok javascript plugin kullandık. Bunlardan biri bu yazının konusu: LINQ. LINQ’i, javascript tabanlı bir data sorgulama aracı olarak tarif edebiliriz. JSON tabanlı veriyi istemci üzerinde istediğini kriterlere göre…

DevamıJavascript ile veri sorgulama: LINQ

Chrome’da file objesini tetiklemek

Tarih: 29 Nisan 2012

  Web sayfanızda File input öğresi yerine bir buton veya link ile dosya diyalog penceresini açmak istediğinizde ilk yaptığımız şey “display:none” diyerek mevcut file input nesnesini gizlemektir. İşte chrome da tam buna gıcık oluyormuş. O nesne görünmez olduğu için jquery ile $(“#file_input_nesnesi”).trigger(“click”) dediğinizde bir tepki vermiyor. Yapılacak iş file input nesnesini başka bir şekilde gizlemek. Mesela “position:absolute; top:-999px; left:-999px” şeklinde stil vererek gizlediğimizde sorun kalmıyor..

Jcrop ve Twitter Bootstrap çakışması

Tarih: 27 Nisan 2012

Bir mikroproje için lazım olan Jcrop (görselleri kesmeye yaran güzel bir jQuery eklentisi) düzgün çalışmayınca mutlaka başka bir Javascript ile ya da CSS ile çakıştı diye düşündüm. Yanılmamışım, sayfadaki diğer Javascript ve css dosyaları sırayla kaldırdığımda sorunun projede kullandığım Twitter Bootstrap css dosyaları ile çakışmasından kaynaklandığını farkettim. Her ikisi de çok kullanılan kaynaklar olduğu için kesin bu problem başkalarının da karşısına çıkmıştır ve bir çözüm üretmişlerdir diyerek Googling yaptım ve bir iki çözümü denedikten sonra sorunumu şu adresteki düzelme ile hallettim. Jquery.Jcrop.css dosyanıza şu düzeltiyi yaparsanız, ya da bunu en son yüklenecek şekilde ayrı bir css’e koyarsanız sorun düzeliyor: /* Fix for using with Bootstrap, from Twitter */…

DevamıJcrop ve Twitter Bootstrap çakışması

Jquery Validation

Tarih: 20 Temmuz 2011

jQuery’yi kim icad ettiyse Allahü Teala hidayet versin diye sık sık dua ediyorum. 10 sene önce patronum “table satırları arasında dolaşırken zemin rengi illa değişsin” diye zorlamasaydı Javascript’e hiç yaklaşmamaya karar vermiştim. Çünkü browserlar arasında (o zamanlar Netscape ve Internet Explorer popülerdi) aşırı bir uyuşmazlık vardı. Birinde çalışan diğerinde çalışmıyordu. Bu sorunlar belki hala var ama jQuery gibi framework’ler sayesinde bu sorunlarla uğraşmak zorunda kalmıyoruz. Javascript web sitelerini dinamik hale getirmek için elimizdeki neredeyse tek aracımız (Flash’ı saymazsak yani). Bu aracı kullanmak normalde çok zor. Sayfadaki bir elemanı seçmek için document.getElementById(id) gibi uzun ve sıkıcı bir fonksiyonu var mesela. jQuery…

DevamıJquery Validation