Kategori: Javascript

30 Ağustos 2021

Vee-Validate (v4) isSubmitting çalışmıyor(!)

Kısa yazmayı beceremeyen biri olarak kendimi zorlayacağım ve bu yazıyı çoook kısa tutmaya çalışacağım. Öncelikle belirteyim ki front-end uzmanı değilim. Kendi projem için Vue-CLI ile oluşturdupum bir arayüz hazırlıyorum. Merak edenler için backend olarak Laravel kullanıyorum. Projede Vue (v3), Vuex (v4) ve Vee-Validate (v4) kullanıyorum. Vee dökümanını incelediğimde form gönderilirken tetiklenen “isSubmitting” state’i sunduğunu gördüm. Tam da aradığım bir şeydi. Böylece kendim ayrıca bir state […]

CSS ipucu Javascript Kendime Not VueJS Web

13 Aralık 2018

Bootstrap validation kullanırken zorunlu olmayan alanları görmezden gelmek

VueJS ile bir iki haftada bitirmek üzere başladığım bir yan projemde Bootstrap-vue kullanıyorum. Burada karşılaştığım bir validation sorununu nasıl aştığımı kısaca belirteyim. Sorun şu; formda iki alan zorunlu iken diğer üç alan zorunlu değil. Formdaki submit butonuna tıklanınca bütün form validate ediliyor ve hatalı alanlar kırmızı ile, hata olmayanlar yeşil ile belirtiliyor. İşte bu yeşil olanlar zaten zorunlu olmayan alanlar. Bunların yeşil görünmelerini istemiyordum. Bootstrap […]

Javascript Kendime Not VueJS

11 Temmuz 2018

VueJS’de props yerine attribute kullanarak datayı güncellemek

Kısa bir süredir VueJS kullanıyorum. Karşılaştığım ve çözebildiğim bazı sorunları buradan paylaşacağım. Eğer daha iyi bir çözümünüz varsa lütfen yorum olarak yazın, seve seve kabul ederim. Malum; VueJS’de props (properties), data ve computed başlıkları altında üç tip veri bulunuyor. Bunlarda props altında tanımlananlar component’i çağırırken setleyebildiğimiz ve içerde değiştirmeye kalktığımızda hata aldığımız veri yöntemidir. Yani bunlar bir kereye mahsus setlenmeli ve daha ellenmemeli. Nedenini dökümantasyonunda […]

Genel Javascript

14 Ocak 2013

Javascript ile veri sorgulama: LINQ

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 […]

CSS ipucu Javascript Kendime Not

29 Nisan 2012

Chrome’da file objesini tetiklemek

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..

CSS ipucu Javascript

28 Nisan 2012

Jcrop ve Twitter Bootstrap çakışması

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 […]

Javascript

21 Temmuz 2011

Jquery Validation

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. […]