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. […]
Jquery ile Nesneleri Seçmek
“Jquery ile Nesneleri seçmek” diye okuyunca çoğu kişiye anlamsız gelebiliyor. Evet sayfada bir nesneyi seçeceğiz ama seçipte ne yapacağız. Hadi bunu örneklerle görelim. $(“p”); // Sayfada ki tüm p etiketine sahip nesneleri seçtik. $(“a, p, .serdar .test”); // sayfada ki tüm a ve p etiketlerini aynı zamanda “serdar” class’ı içerisinde ki “test” class’ına ait tüm […]
Jquery not() Motodu Kullanımı
.not(), jquery’de hariç anlamına gelir. Örnekle açıklamak gerekirse eğer şöyle olacaktır ; Sayfamızda “select” nesnesi olduğunu varsayıyorum. “option”lar içerisinde “selected” class’ı olmayanlarda işlem yaptıracaktır. Örnek Kodu da şu şekilde olacak ; Html sayfa ; Jquery tarafı ; $(‘.div option’).not(‘.selected’).on(‘click’, function(e){ alert(“tıklandı”); }); Bu örneğe göre “test2” isimli option’da click işlemi olmayacaktır, çünkü jquery ile “selected” […]
Jquery Değişken Kullanımı
Jquery ile değişken tanımlarken php de olduğu gibi illa ki türünü belirtmemiz gerekmiyor, içerisine atanan değere göre türünü kendisi otomatik belirleyecektir. Değişkene sayısal bir değer atarsak eğer o değişken artık “number” türüne geçer, metinsel değerler atarsak eğer “string” türüne geçer. Örnek ; var sayi; sayi = 5; var isim = “Serdar”; var sayi2 = 10; […]