Kategori

jQuery

Slider, popup, telefon maskesi, sürükle-bırak sıralama ve tembel yükleme. Hepsi jQuery eklentisi üzerinden anlatılmış, haber değil.

JQuery

Owl Carousel2 ( Slider ) Kullanımı

Harun Kılıçlar 18 Nisan 2024

Merhabalar, OwlCarousel slider kullanımı için öncelikle aşağıdaki js ve css kütüphanelerini siteye ekliyoruz. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css"/> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css"/> <script…

Html

Telefon Maskeleme (inputmask) Kullanımı

Harun Kılıçlar 10 Mayıs 2023

Merhabalar, Bir input’a girilen telefon numarası formatlama ve ilk girilen değerde 0 değerini kaldırmak isterseniz aşağıdaki kodları kullanabilirsiniz. jquery.inputmask.bundle.js dosyasını burdan indirebilirsiniz…

JQuery

Datatables’da Arama Kutusunu Gizleme

Harun Kılıçlar 21 Ekim 2022

Merhabalar, Datatables’da Arama kutusunu gizlemek veya iptal etmek isterseniz bunun 2 yolu var . 1.Yol $('#table').dataTable({searching: false, paging: false, info: false}); Bu…

JQuery

Jquery Sürükle Bırak Sıralama ( Drag And Drop )

Harun Kılıçlar 17 Ekim 2022

Merhabalar, jquery ile sürükle bırak yani drag and drop ile sıralama yapmak isterseniz aşağıdaki adımları izleyerek yapabilirsiniz. Kütüphaneler <script src="js/jquery.js"></script> <script src="js/jquery-sortable.js"></script>…

JQuery

Resimleri Popup Açtırma ( Fancybox )

Harun Kılıçlar 29 Nisan 2022

Merhabalar. Resimler jquery kullanarak güzel bir şekilde göstermek isterseniz Fancybox kullanabilirsiniz. Kullanımı aşağıdaki gibidir. 1.Adım Kütüphaneleri Yükleyiniz. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/ui@4.0/dist/fancybox.css"/> <script src="https://cdn.jsdelivr.net/npm/@fancyapps/ui@4.0/dist/fancybox.umd.js"></script>…

Javascript

Datatables Tarih’e Göre Sıralama

Harun Kılıçlar 16 Nisan 2022

Merhabalar Datatables’da tarih sıralama her zaman sorun yaratmaktadır. Bunun en iyi çözümü aşağıdaki gibidir. <tbody> <tr> <td data-sort="<%#Convert.ToDateTime(Eval("createdate")).ToFileTimeUtc()%>"><%#Eval("createdate") %> </td> </tr> </tbody>…

JQuery

Datatables Hataları Kapatma

Harun Kılıçlar 9 Şubat 2022

Merhabalar, Datatables kullanan biriyseniz ve hata bildirimlerini kapatmak istiyorsanız direk ” $.fn.dataTable.ext.errMode = ‘none’; ” bu kodu kullanabilirsiniz. Kullanımı

JQuery

LazyLoad Kullanımı Ve Örnek Kodlar

Harun Kılıçlar 12 Eylül 2021

Merhabalar, Bir projenizd lazyload kullanmak isterseniz aşağıdaki adımları izlemeniz yeterlidir. Resim kodlarını aşağıdaki şekilde revize etmeniz gereklidir <img class="lazy" src="loading_resmi.jpg" data-original="asil_gosterilecek_resim_adresi.jpg"> En…

JQuery

Jquery ile şifre zorluk derecesini ölçme

Harun Kılıçlar 30 Haziran 2021

Merhabalar, Jquery ile girilen şifrenin zorluk derecesini gösteren modül kullanmak isterseniz aşağıdaki kodu kullanabilirsiniz. Burda ” sifre_txt ” alanı girilen textbox id…

JQuery

Datatables arama kutusu limit koyma

Harun Kılıçlar 7 Mart 2021

Merhabalar, Datatables üzerinde ajax ile listeleme yapıyorsanız arama kısmında 28 karakterden fazla karakter girilince hata vericektir. Bunun için arama kısmını 28 karakter…

Asp.net

Asp.net Postback Updatepanel Sorunu

Harun Kılıçlar 17 Şubat 2021

Merhabalar, Asp.net updatepanel ile herşeyimiz güzelce ayarladık ve içine javascript vss attık ama sonra bir postback olduktan sonra bütün herşeyin şaftı kayıyor…

JQuery

Jquery Sıkça Sorulan Sorular Örneği

Harun Kılıçlar 17 Şubat 2021

Merhabalar, jquery’de sıkça sorulan sorular kodu örneğine buradan indirebilirsiniz. Görüntüsü aşağıdaki gibidir. Kendize göre revize edebilirsiniz.

JQuery

Responsive Slider Örneği 2

Harun Kılıçlar 8 Şubat 2021

Merhabalar, Olurda lazım olur diye buraya paylaşıyorum aşağıdaki görselini paylaştığım güzel mi güzel responsive slider’ı buradan indirebilirsiniz. Direk kodlar kopyala yapıştır şeklinde…

JQuery

Bxslider Kullanımı ve Örnek Dosya

Harun Kılıçlar 5 Şubat 2021

Merhabalar, Özellikle eticaret veya bloglarda kullanılan belli bir zaman aralıklarında otomatik olarak değişen kutucuklar kullanmak isterseniz bxslider kullanabilirsiniz.Kodlar direk kopyala yapıştır şeklindedir.Örnek…

JQuery

Jquery ile grafik oluşturma ( Highcharts )

Harun Kılıçlar 4 Şubat 2021

Merhabalar, Sizlere de lazım olabilir diye jquery ( highcharts ) ile kopyala yapıştır şeklinde kodu sizlerle paylaşıyorum <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head…

JQuery

Datatables da çoklu sütunda filtreleme yapmak

Harun Kılıçlar 24 Ocak 2021

Merhabalar, Datatables’da normalde tek bir sütunda filtreleme yaparken, aşağıdaki kodlar ile birden fazla sütunda aynı anda hızlı arama yapabilirsiniz. <script src="https://cdn.datatables.net/plug-ins/1.10.22/filtering/row-based/range_dates.js"></script> <script…

Javascript

Datatables Yeni Buton Ekleme

Harun Kılıçlar 17 Ocak 2021

Merhabalar, Jquery tabanlı datatables üzerinden özel buton eklemek isterseniz aşağıdaki kodu kullanabilirsiniz. buttons: [ { text: 'Yeni S.S.S', action: function (e, dt,…

JQuery

Jquery Toggle komutu kullanımı

Harun Kılıçlar 15 Ocak 2021

Merhabalar, Jquery en çok işe yarayan komutlardan olan ” toggle ” komutun anlatacagım. Eğer bir divi yukardan aşağı açılır kapanır yapmak için…

Javascript

Jquery ile Resim Zoom Yapma

Harun Kılıçlar 22 Ekim 2020

Merhabalar, Jquery ile resim zoom yapmak isterseniz aşağıdaki kodları kullanabilirsiniz. Javascript dosyasının buradan indirebilirsiniz. <!DOCTYPE HTML> <html lang="tr-TR"> <head> <meta charset="UTF-8"> <title>cArleone</title>…

Asp.net

Jquery ile hızlı arama ( AutoComplete ) Yapımı

Harun Kılıçlar 8 Ekim 2020

Merhabalar, Hızlı arama yapmak isterseniz aşağıdaki kodları kullanabilirsiniz. Html tarafı <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> </head> <body> <form id="form1" runat="server">…

Bu kategori hakkında

Owl Carousel 2, Fancybox, Inputmask ve DataTables sürümleri yazı tarihine kilitli. Projede jQuery yoksa bu sayfa size zaman kaybettirir; varsa kopyalanacak kadar kısa.

Saf JS alternatifleri JavaScript altında. Stil CSS sayfasında.