Kategori: Front-End

React JS Notları

1.KURS Yazılım Bilimi React youtube yayınlarından elde edilen notlardır. İlk kez alınan eğitim için hap niteliğinde olduğu için izleme ve not tutma gereği duydum 🙂 kanal sahibine anlatımı için çok teşekkürler.. Ders 1 ttps://nodejs.org/en/ adresinden node js stable sürüm indirldi ve kurulumu yapıldı. cmd uygulaması yönetici olarak çalıştırıldı ve ekranda aşağıdaki komut çalıştırıldı npm install … React JS Notları yazısını okumaya devam et →

JS – Javascript Engelleyici Eklentiler İçin Uyarı Gösterme

Merhaba, Geliştirdiğiniz uygulamanın java script kodlarının çalışmasını engelleyen eklentiye sahip olması sitenizin sağlıklı çalışmamasına neden olur. Bu durumda ne yapıyoruz, biz de onların sayfayı kullanmasını engelliyoruz 🙂 Tam bir Lost-Lost durumu 🙂 Neyse, yapacağımız noscript tag leri arasında birkaç satır kod yazmak olacak. < noscript> < div style="margin-top:0%;text-align:center;font-size:32px; font-weight:bold;color:red; z-index:100000;position:fixed; width:100%;height:100%;padding-top:18%; background-color:rgba(0,0,0,0.9)"> Lütfen Java Script … JS – Javascript Engelleyici Eklentiler İçin Uyarı Gösterme yazısını okumaya devam et →

Sweet Alert-Mesaj Modal’ı Sonrası TAB’ın Çalışmaması

Merhaba, Sweet alert ile bir uyarı verdirdikten sonra "success" veya "info" veya "error" veya "warning" ile, modal kapatıldığında en son aktif olduğu element üzerinde focus lanmış olarak kalması yönündeki script satırını window.onkeydown = null; ile değiştirirsek uyarı modal ı sonrası tab ile textbox ve buton lar arasında tab tuşu ile gezmeye devam edebiliriz. Konu ile … Sweet Alert-Mesaj Modal’ı Sonrası TAB’ın Çalışmaması yazısını okumaya devam et →

Ajax isteklerinde OPTIONS 405 (Method Not Allowed) Hatası

Merhabalar, İstek tipimizi GET olarak belirlemiş olmamıza rağmen  isteğin method tipini OPTION olarak algılayabilir. Bu da api ye istek yollamamıza rağmen dönüşlerde aşağıdaki hataları alabiliriz. R-1 R-2 R-3 OPTION da desteklenmediği için r3 te görüldüğü gibi r1 deki hatayı alıyoruz. Jquery default olarak contenttype ı application/json olarak alıyor. Bu hatayı  mozillanın  sitesindeki önerilere bakarak contentType … Ajax isteklerinde OPTIONS 405 (Method Not Allowed) Hatası yazısını okumaya devam et →

Chart.js in ASP.NET MVC projesinde kullanımı -Fluent NH/Oracle

Merhaba, Uygulamamızı yazdık,veriler düşmeye başladı ve son olarak bu veriler ile ilgili bir de istatistikleri  göstermek üzere bir sayfa oluşturma isteğimizi chart.js ile sağlayabiliriz. Chart.js ile ilgili kullanım dökümanına şu linkten erişebiliriz. Versiyonlarına ise şuradaki linkten erişebiliriz. Uygulamada chart.js versiyonumuz 2.2.2 olacaktır. Browser bazlı olduğu için .net kütüphanesi yada mvc nin versiyonu ile ilgili herhangi bir kısıtlama yok. Önemli … Chart.js in ASP.NET MVC projesinde kullanımı -Fluent NH/Oracle yazısını okumaya devam et →

Jquery – Textbox Nümeric & Decimal Veri Kontrolü

Merhaba, Jquery ile texbox kontrolü keydown fonksiyonu kullanılarak ascii kodların karşılıkları bilinerek aşağıdaki gibi yapılabilmektedir. $(“#inputID“).keydown(function (event) { if ((event.keyCode == 188 || event.keyCode == 110 || event.keyCode >= 48 && event.keyCode <= 57) || (event.keyCode >= 96 && event.keyCode <= 105) || event.keyCode == 8 || event.keyCode == 9 || event.keyCode == 37 || event.keyCode == … Jquery – Textbox Nümeric & Decimal Veri Kontrolü yazısını okumaya devam et →

Jquery ile Tablodan Alınan Verinin JSON Data olarak Controller a Gönderilmesi

Merhaba, Bu yazımızda, web projemizde table da olan verileri jquery ile json data olarak toplayıp ajax ile mvc projemizde controller a gönderebilmeyi anlatıyor olacağız. Örneğin sayfamıza ekrandaki gibi bir veri yığını bulunmaktadır. Ekrandaki veriyi öncelikle json formatında alabilmek için scriptimiz ; ### Senaryomuzda tabloya aldığımız verilerden istediğimiz olanı seçerek,veritabanımıza başka verileri de ekleyerek göndermek istiyoruz. … Jquery ile Tablodan Alınan Verinin JSON Data olarak Controller a Gönderilmesi yazısını okumaya devam et →

MVC- Ajax ile Controller a Form Gönderme

Merhabalar, Bugünkü notumuzu, normalde view de html.beginform ile controller a yaptığımız isteklerde sayfanın post olmasını istemeden verileri ekrana getirmek için alıyormuşuz 🙂 Veritabanından veriyi almanın çokça senaryosu var,bu da onlardan bir tanesi. Senaryo şu; Model olarak kullandığımız bir sınıfa ait veriyi controller a gönderip gelen veriye göre veritabanında aramamızı yapıp,oluşan koleksiyonu partialview e göndereceğiz. İlk olarak projemize manage … MVC- Ajax ile Controller a Form Gönderme yazısını okumaya devam et →