Gökhan BARAN
Full Stack Developer
Kategori : Html/Css/Js
Form alanında gerekli alanlar girilmeden butonu pasif yapma
Form ile veri gönderirken bazen gerekli olabiliyor, alanlar doldurulunca buton aktif hale getirmek için aşağıdaki kodları kullanabilirsiniz.
[ÇÖZÜLDÜ] Kaydırma Performansını Artırmak İçin Pasif İşleyicileri Kullanmıyor Hatası
Eğer wordpress kullanıyorsanız aşağıda paylaşıtığım kodu temanıza ait costum.js dosyasına kaydedip veya temazına ait header.php de <head> tagları içine kaydederek çözebilirsiniz. Cache kullanıyorsanız temizleyip pagespeed te sorunun çözülüp çözülmediğini anlayabilirsiniz. Cloudflare kullanıyorsanız yine cache temizleyiniz. Not: Sitenizde bazı özelliklerin çalışmasını engelleyebilir, eklerseniz sitenizde çalışan özellikleri mutlaka kontrol ediniz.
Form input sadece numara ve karakter
Form input sadece numara ve karakter ile ilgili Bazen input type number harici özel karakterlerinde kullanılmasını istersiniz, aşağıdaki kodla numara ve özel karakter kullanabilirsiniz, RegExp kısmında kullanılmasını istediğiniz karakterleri girebilirsiniz. Örnek Kod
Sayfaya post edilip refresh yapıldığında tekrar post edilmesini engelleme
Sayfaya post edilip refresh yapıldığında tekrar post edilmesini engelleme için aşağıdaki kodu kullanabilirsiniz. Elbette POST-Redirect-GET Deseni veya token kullanımı ile yada ajax kullanımı ile tekrar postu engelleyebilirsiniz. Diğer yaklaşımlar, sayfa yenilendikten sonra tekrarlamayı engellemek için yaygın olarak kullanılsa da bazen direk post yapmaya da ihtiyaç duyulabilir, bu gibi senaryolarda aşağıdaki kod kullanılabilir.
Daterangepicker gün/ay/yıl formatı yapma.
<script> $(document).ready(function () { $(“input[id=’datetimes1′]”).daterangepicker( {locale: { format: “DD/MM/YYYY”, separator: ” – “} }, function (start, end, label) { let startDate = start.format(“DD-MM-YYYY”).toString(); let endDate = end.format(“DD-MM-YYYY”).toString(); document.getElementById(“startDate”).innerHTML = “Yıl Başlangıç : ” + startDate; document.getElementById(“endDate”).innerHTML = “Yıl Bitiş : ” + endDate; }); });</script>
Datatable Türkçe Yapma
Günümüzün web uygulamaları ve internet siteleri, genellikle büyük miktarda veriyi etkili bir şekilde düzenlemek ve görselleştirmek için tabloları kullanır. DataTable, bu amaç için yaygın olarak kullanılan bir JavaScript tablo kütüphanesidir. DataTable’i kullanırken, Türkçe konuşulan bir hedef kitlenin ihtiyaçlarına daha iyi yanıt vermek için arayüzünü Türkçeleştirmek önemlidir. Aşağıdaki javascript koduyla Datatable Türkçe yapabilirsiniz….