Etiket: javascript

JS Dropzone ile Dosya Yükleme

JS’nin Dropzone eklentisini genelde çoklu dosya yükleme işlemlerinde kullanıyorum, size de öneririm. Örneğin dosya arşiv sistemi veya fotoğraf video galeri oluşturma gibi bir uygulamada dropzone işinizi çok çok kolaylaştıracaktır. Eklentinin en güzeli tarafı da sürükle bırak yöntemiyle çalışabilmesi. Dropzone detaylarını kendi sitesindeki dökümanlardan da inceleyebilirsiniz.https://www.dropzonejs.com/ Size JS Dropzone eklentisini PHP ile nasıl kullanacağınızı anlatacağım. Makalenin […]

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

Back To Top