Javascript
Javascript Get Methodu ile veri okuma
Merhabalar, Javascript ile get methodu ile dinamik veri okumak isterseniz aşağıdaki kodu kullanabilirsiniz. Ayrıca javascript ile post methodunu kullanmak için buradaki yazımı…
Kategori
Javascript
Javascript
Javascript url parameters okuma
Merhabalar, Javascript ile url deki parametre okumak isterseniz aşağıdaki kod parçacagını kullanabilirsiniz. <script type="text/javascript"> document.addEventListener("DOMContentLoaded", function(event) { let searchParams = new URLSearchParams(window.location.search);…
Javascript
Datatables Tarih’e Göre Sıralama
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>…
Javascript
Javascript İle Sayfa Urlsini Alma
Merhabalar, Javascript ile o anki sayfa url sini almak için aşağıdaki kodları kullanabilirsiniz. window.location.host -> www.sanaldata.com veya port belirtir window.location.hostname …
Javascript
Javascript ile üzerine gelince değişen resim
Web siteniz için bir imaj hazırladınız ve resmin üzerine gelince arka tarafta yüklenmiş başka bir resmin görünmesini istiyorsunuz diyelim. Bunun için çok…
C#
Javascript ile Post Etmek
Merhabalar, Olurda javascript ile başka sayfa bir değeri post etmek isterseniz aşağıdaki kodları kullanabilirsiniz data = new FormData() data.set('k', '111') var xhr…
Html
Datatables kullanımı ve dosyaları
Merhabalar, bugün pek çok yazılımcı için kesinlikle çok faydalı olan “Datatables” dosyalarını sizlerle paylaşıyorum. Dosyaya buradan indirebilirsiniz.
Javascript
Datatables Yeni Buton Ekleme
Merhabalar, Jquery tabanlı datatables üzerinden özel buton eklemek isterseniz aşağıdaki kodu kullanabilirsiniz. buttons: [ { text: 'Yeni S.S.S', action: function (e, dt,…
Javascript
Datatables’da Sütun Toplamını Footer’da Göstermek
Merhabalar, Datatables javascript kullanarak sizlerde kayıtları gösterme yapıyorsanız ve belli bir sütunun toplamının göstermek isterseniz aşağıdaki kodları kullanabilirsiniz. Aşağıdaki kodda Türkçe dil…
Javascript
Jquery ile Resim Zoom Yapma
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>…
Javascript
Javascript ile tablo’da toplama yapmak
Merhabalar, Javascript kullanarak tablodaki bir sütundaki değerleri toplamak için aşağıdaki örnekteki gibi yapabiliriz. <table id="urunler_Tbl"> <tr> <td>Burak</td> <td>1</td> </tr> <tr> <td>Hasan</td> <td>1</td>…
Asp.net
Javascript popup açtırma
Merhaba arkadaşlar, herhangi bir sayfaya tıklanıldığında başka bir sayfası pop up olarak açtırmak için aşağıdaki kodları kullanabilirsiniz. Pop up fonksiyonu <script type="text/javascript"…
Javascript
Jquery ile ” Yukarı Çık ” tuşu yapma
Merhaba arkadaşlar, Aşağı doğru kayan veya çok fazla ürün listelemesi olan websitelerinde yukarı çık butonu gerekebiliyor bunun için aşağıdaki kodları kullanmanız yeterlidir.…
Asp.net
Asp.net ile Javascript Evet / Hayır Yapma
Merhaba arkadaşlar, Asp.net button click olayı sonrasında evet hayır işlemi yaptırmak isteyebilirsiniz. Bunun için butonun ” onClientClick ” eventına aşağıdaki kodu yetmeniz…
Javascript
Yapışkan ( Sticky ) Menü Yapımı
Merhaba arkadaşlar, Kimi zaman web sitelerinden header menüsünü yapışkan yani aşağı scroll ile kayan yapmak isteriz.İşte böyle durumlarda aşağıdaki kodları kullanarak kolaylıkla…
Javascript
Javascript İle Sekme Değiştiğinde Title Değiştirme
Merhaba arkadaşlar, Son dönemlerde moda olan sekme değiştiğinde title değiştirme olayını aşağıdaki küçük kod parçacıgı ile sizlerde rahatlıkla yapabilirsiniz. <script type="text/javascript"> var…
Javascript
Javascript ile Div Sıralama – Javascript Div Order by
Merhabalar, Javascript ile div sıralamak için aşağıdaki örnek kodları kullanabilirsiniz. <!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title></title> </head> <body> <div…