Bazı projelerimizde jquery ile hesap veya her hangi bir işlem yapıp, sonucu da her hangi bir textbox veya input:text içerisine yazdırmamız gerekiyor. Ben genellikle jquery ve ajax kullanarak veritabanından çektiğim verileri jquery ile textbox içerisine yazdırıyorum. Sizlere de bu tür işlerde yardımcı olacağından eminim. İşlem sırası söyle olacak ; ilk olarak sayfamızda içerisine yazı yazdıracağım […]
Jquery Adblock Tespit Etme
Bazı sitelerde rahatsız edici reklamları gizlemek için AdBlock veya AdGuard benzeri eklentiler kullanıyoruz. Ancak bu durum kötü niyeti olmayan site sahiplerini zarar uğratabiliyor. Bu makalemizde bu eklentilerin kullanılıp kullanılmadığını nasıl tespit edeceğimizi açıklayacağım. Örneğin google adsensenin verdiğin reklam kodlarını div içerisine ekliyoruz. Bu div’e yükseklik vermeyeceğiz. Reklam varsa zaten div’in yüksekliği gelen reklama göre boyutlanacak. […]
Jquery ile .hasClass() Kullanımı
Bu makalemizde jquery’nin çok kullanın metodlarından bir tanesinden bahsedeceğim. Jquery ile “.hasClass() ” çoğu projede oldukça kolaylık sağlamaktadır. .hasClass() ile sayfanızda bulunan istediğiniz her hangi bir html etiketine bağlı class’ı bulabilirsiniz. Yani var mı yok mu diye kontrol edip sonucuna göre işlem yapabilirsiniz. Aşağıda yaptığım örneğin demosuna makalenin altında ki “Demo” butonuna tıklayarak ulaşabilirsiniz. Benim […]
Jquery ile Nesnede ki Class’ı Silme
Bazen yaptığımız projelerde sayfamızda bir çok nesneye jquery ile dinamik olarak class’lar atamamız gerekebilir veya atadığımız bir class’ı nesneden kaldırmamız gerekebilir. İşte bu gibi durumlarda jquery ile çok basitçe yapabiliriz. Örneğin sayfamızda 2 adet input text olsun. Bir tanesine tıkladığımız rengi değişsin, diğerine tıkladığımız ilk input’un rengi eski haline dönsün, ikinci input’un rengi değişsin.Aşağıda ki […]
Jquery ile Nesneye Class Ekleme
Bazen yaptığımız projelerde sayfamızda bir çok nesneye jquery ile dinamik olarak class’lar atamamız gerekebilir. Örneğin select box kullanıyoruz diyelim, seçilen öğenin class’ını “selected” yapmamız gerekebilir veya input:text’e tıkladığımızda input’un renginin değişmesini isteyebiliriz. Bu gibi durumlarda jquery bize çok çok yardımcı oluyor. Hadi bir kaç örnek ile görelim bunları. Html sayfaya bir tane test ID’li div oluşturdum ve […]
Jquery ile div içerisine yazma
Bazı projelerimizde jquery ile hesap veya her hangi bir işlem yapıp, sonucu da her hangi bir div içerisine yazdırmamız gerekiyor. Ben genellikle jquery ve ajax kullanarak veritabanından çektiğim verileri jquery ile div içerisine yazdırıyorum. Sizlere de bu tür işlerde yardımcı olacağından eminim. İşlem sırası söyle olacak ; ilk olarak sayfamızda içerisine yazı yazdıracağım her hangi […]
Jquery ile karakter saydırma
Hepimiz projelerimiz illa ki kullanıcılardan veriler girmeleri isteriz. Ancak bazen istedikleri kadar değilde bizim belirlediğimiz limit kadar karakter yazmaları gerekebilir. Hadi bizim istediğimiz kadar limitledik, fakat biraz da bunu görselleştirmek lazım. Kullanıcı verileri yazarken tek tek saydıralım ve bunu kullanıcıya gösterelim. Html sayfada 2 adet input’um var. 1. input’a verileri gireceğiz.2. input’a ise 1. input a […]
Jquery ile GUID Oluşturma
Bazı projelerde ID gibi benzersiz ama daha karmaşık string ve integer karışımı değer oluşturmanız gerekebilir. Microsoft’un c# dilinde olduğu gibi nasıl yapabiliriz hep beraber buna bakalım şimdi.Bir projemde bana çok lazım olmuştu, yaptığım fonksiyonu sizlerle de paylaşıyorum. Umarım işinize yarar. function generateGUID() { var d = new Date().getTime(); var uuid = ‘yxxx-xxxxxxxxxxxx’.replace(/[xy]/g, function(c) { var […]
Jquery Küçük / Büyük Harf Yapmak
Yaptığımız bir çok işte kullanıcılar veri girişi yapmasını istiyoruz. Ancak bazı durumlarda kullanıcıdan gelen verilerin standart bir kalıp halinde olmasını isteyebiliriz. Girilen verilerin küçük ya da büyük harf olması da bu standartlardan bir tanesi olabilir. Ancak kullanıcıların yine de kendi istediği şekilde yazdığı zamanlarda oluyor, işte bu durumda girilen verilerin jquery ile istediğimiz şekilde büyük […]
Jquery ile Yazıya Gradient Renk Verme
Bazı web sitelerinde mutlaka görmüşsünüzdür, yazılara gradient şekilde renk verildiğini. Normalda bunu css ile yapmak için resim olarak kullanmak gerekiyor veya tek tek renk vermek gerekiyor.Ancak jquery’nin bir eklentisi ile bunu çok daha basitçe yapabiliyoruz. Uygulamaya ait tüm kaynak dosyalarını ve demosunu buradan indirebilirsiniz. İlk sayfamıza jquery 3.2.1 ve gradient text dosyalarını ekliyoruz. daha sonra yazımızı yazıyoruz. […]