Web projelerinizde html ve css’in yanı sıra bazı işlemleri yapabilmek için hazırlanan jquery kütüphanesi ile bir çok işlemi kolayca yapabilirsiniz.
Giriş Web geliştirme dünyası sürekli olarak ilerliyor ve web sayfaları artık sadece metin ve görüntülerden ibaret değil. Zengin içerik, etkileşimli öğeler ve dinamik işlevselliğin önemi her geçen gün daha da artıyor. Bu bağlamda, JavaScript programlama dili web sayfalarını daha etkileşimli ve kullanıcı dostu hale getirmede kritik bir rol oynuyor. JavaScript, tarayıcıda çalışan ve sayfaların davranışını … Devamını oku…
Jquery sayfa açıldığında bir işlem yapmak için, $(document).ready() fonksiyonunu kullanabilirsiniz. Bu fonksiyon, sayfa yüklenir yüklenmez çalıştırılır ve içine yazdığınız kod bloğunu çalıştırır. Örnek olarak, aşağıdaki kod bloğu sayfa yüklenir yüklenmez bir alert mesajı gösterir: Not: Bu örnekte, $ işareti Jquery’nin kısaltılmış yazımıdır ve aynı işlevi gören jQuery yazımı da kullanılabilir. Daha fazla bilgi için, Jquery … Devamını oku…
Jquery ile rakamı para birimine çevirmek için, aşağıdaki kod bloğunu kullanabilirsiniz: Bu kod bloğu, formatCurrency adlı bir fonksiyon oluşturur ve bu fonksiyon number parametresini alır. Fonksiyon içinde, toLocaleString metodu kullanılarak number değeri “en-US” dil ayarına göre para birimine çevrilir ve sonuç, “USD” para birimi olarak gösterilir. Daha sonra, “#amount” id’sine sahip bir elementin içine bu … Devamını oku…
jQuery ile bir HTML formda kullanıcı adı alanı için bir karakter sınırı koyabilmek için aşağıdaki kod parçacığını kullanabilirsiniz: Bu kod parçacığını sayfanızda çalıştırdığınızda, kullanıcı adı alanına en fazla 10 karakter girebilirsiniz. Eğer 11. karakterden sonra bir karakter daha eklerseniz, bir hata mesajı görüntülenecek ve girdiğiniz karakter sayısı 10’a düşürülecektir. Bu örnekte kullanılan kod parçacığında karakter … Devamını oku…
jQuery ile bir forma veri eklerken enter tuşunun iptal edilmesini sağlamak için aşağıdaki kod parçacığını kullanabilirsiniz: Bu kod parçacığını sayfanızda çalıştırdığınızda, bir forma veri eklerken enter tuşuna basıldığında bir hata mesajı alacaksınız ve enter tuşunun işlevi iptal edilmiş olacaktır. Böylece forma veri eklerken enter tuşuna basıldığında formun otomatik olarak gönderilmesi engellenmiş olacaktır.
jQuery ile control+c tuşunu engelleme işlemi yapmak için aşağıdaki kod parçacığını kullanabilirsiniz: Bu kod parçacığını sayfanızda çalıştırdığınızda, control+c tuşlarını kullanırken bir hata mesajı alacaksınız ve control+c tuşlarının kombinasyonu engelleme işlemi gerçekleşmiş olacaktır. Lakin bu tür bir engelleme işlemini yapmanın, kullanıcı deneyimini olumsuz etkileyebileceğini unutmayın. Önemli bir bilgiye erişimi engelleme riski de bulunmaktadır. Bu yüzden control+c … Devamını oku…
jQuery ile printscreen tuşunu engelleme işlemi yapabilmek için aşağıdaki kod parçacığını kullanabilirsiniz: Bu kod parçacığını sayfanızda çalıştırdığınızda, printscreen tuşunu kullanırken bir hata mesajı alacaksınız ve printscreen tuşu engelleme işlemi gerçekleşmiş olacaktır. Lakin bu tür bir engelleme işlemini yapmanın, kullanıcı deneyimini olumsuz etkileyebileceğini unutmayın. Önemli bir bilgiye erişimi engelleme riski de bulunmaktadır. Bu yüzden printscreen tuşunu … Devamını oku…
Eğer enter tuşuna bastıkça ekrana yazı yazmak istiyorsanız, aşağıdaki kod parçacığını kullanabilirsiniz: Bu kod parçacığı input elementine bir keypress olay dinleyicisi ekler. Dinleyici, enter tuşuna basıldığında (e.which == 13) #output elementine girdiğiniz değerin bir p elementi olarak eklenmesini ve input elementinin içeriğinin temizlenmesini sağlar. Bu kodu kullanarak bir HTML dosyası oluşturabilirsiniz. Örneğin:
JQuery, bir JavaScript kütüphanesidir ve internet bağlantısını kontrol etmek için kullanılabilir. Bu, genellikle ajax isteklerini yaparken yararlı olabilir. Aşağıda bir örnek verilmiştir: $.ajax({ url: ‘http://www.example.com’, type: ‘GET’, dataType: ‘jsonp’, timeout: 3000, success: function(data) { // Bağlantı başarılı }, error: function(xhr, status, error) { // Bağlantı hatası } }); Bu kod, http://www.example.com adresine bir ajax isteği … Devamını oku…