JQUERY

  • jQuery .trigger() Kullanımı

    Merhaba Arkadaşlar, Bu makalede jQuery’nin tetikleme aracı olan trigger’ın nasıl kullanıldığını göreceğiz. Trigger, Sayfa yüklendiğinde, sayfa resize edildiğinde, bir işlemin sonucunda x bir butona tıklanması gerektiğinde, sayfada görünmeyen butonlara tıklanmak istendiğinde kullandığımız bir nesnedir. Kullanım amaçlarını karşılaştırdığımızda en yoğun kullanım şeklinin gizli butonlara tıklama işlemi yaptırmada olduğunu düşünüyorum. Örneğin üye sayfalarında kullanıcı profil resmi yüklerken […]

    Devamını Oku

  • JSON Nedir ? Nasıl Kullanılır ?

    Merhaba Arkadaşlar, Bu makalede anlık veri alışverişinin yoğun olduğu veya arayüz tarafında kod tekrarının çok olmaması için sayfa yüklenirken veri çekme işlemlerinin yapıldığı projelerde kullanılan JSON’ın kullanım şekillerini göreceğiz. Açılımı “Javascript Object Notation” olan JSON’ı Xml’in rakibi olarak da düşünebiliriz. Xml’e alternatif olarak çıkarılmakla birlikte yazım şekli olarak bir javascript parçası olduğu için Xml’e göre […]

    Devamını Oku

  • jQuery .data() Kullanımı

    Merhaba Arkadaşlar, Bu makalede hayatımıza Html5 ile birlikte giren data nesnesinden bahsedeceğim. “.data()” nesnesi, html etiketleri içerisinde bir özellik olarak kullanılıp nesneleri jQuery ile seçerken, sıralarken, görüntülerken anlaşılır bir alan içerisinde tutmamızı sağlıyor. Daha önceden genellikle class ile yaptığımız seçim işlemlerinde class değeri global olduğu için farklı alanlarda da kullanımının yapıldığı zamanlarda özellikle javascript kontrollerinde […]

    Devamını Oku

  • jQuery Hedef Dışı Tıklama

    Merhaba Arkadaşlar, Bu makalede jQuery’nin belirtilen hedeflerin dışına tıklamada nasıl bir tetikleme işlemi yaptığını göreceğiz. Çoğunlukla sitenin herhangi bir noktasından açılan bilgi panelleri, lightbox ve modal alanlarının kapatılması için kullanılan bu özellik ile birlikte kullanıcıyı içeriği görüntüledikten sonra kapatmak için tek bir ikon veya yazı ile sınırlandırmamış oluyoruz. Çalışma mantığını incelediğimizde site içerisinde yapılan her […]

    Devamını Oku

  • jQuery bind() ve unbind() Kullanımı

    Merhaba Arkadaşlar, Bu makalede jQuery’nin bir olay kontrol aracı olan bind ve buna zıt olarak kullanılan unbind’ın ne işe yaradığını ve hangi parametreler ile kullanılabileceğini göreceğiz. Bind fonksiyonunu klasik olarak kullandığımız “click” fonksiyonu üzerinden değerlendirebiliriz. Sayfa içerisinde ki bir elemanın click fonksiyonunda yapacağı işlemleri şu şekilde tanımlıyoruz: Aynı fonksiyonu bind ile kullandığımızda da şu şekilde […]

    Devamını Oku

  • jQuery setInterval() ve setTimeOut() Kullanımı

    Merhaba Arkadaşlar, Bu makalede jQuery’nin süre bazlı çalışan iki özelliğinden bahsedeceğim. Belli bir süre sonunda veya tekrar eden işlemler için kullanabildiğimiz özellikler sayesinde saydırma ve tetikleyici sonuçlar oluşturabiliyoruz. setInterval: Bu özellik ile bir işlemi belli süre aralıkları ile sonsuza kadar yineleyebiliyoruz. Örneğin bir dijital saat yaptığımızı düşünürsek dakika ve saniye alanlarını ayrı ayrı setInterval fonksiyonları […]

    Devamını Oku

  • jQuery .hasClass() Kullanımı

    Merhaba Arkadaşlar, Bu dersimizde jQuery’nin bir class kontrol metodu olan hasClass’ı göreceğiz. Bildiğiniz gibi class değerleri css yazımında en çok kullandığımız seçicilerdir. Bu seçicilere jQuery ile işlem yaptırmak istediğimizde bize yardımcı olan özellik ” .hasClass() ” tır. hasClass sayesinde bir sayfa içerisinde aynı class değerine sahip tüm değerlere aynı işlemi yaptırabiliyoruz. Ayrıca daha geniş anlamda […]

    Devamını Oku

  • jQuery .each() Kullanımı

    Merhaba Arkadaşlar, Bu dersimizde jQuery’nin bir saydırma aracı olan each() komutunun kullanımını göreceğiz. Class veya data gibi seçicileri aynı olan bir çok elemanı, hepsini kapsayacak bir sorgu içerisine alarak işlem yaptırmak için bu komutu kullanıyoruz. Konunun daha iyi kavranması için yapacağımız örnek uygulama içerisinde de tüm div yüksekliklerini kontrol ettirerek en yüksek değer hangisi ise […]

    Devamını Oku

  • jQuery Append & Prepend Kullanımı

    Merhaba Arkadaşlar, Bu makale de sizlere jQuery’ nin birbirine çok benzeyen iki metodu olan Append ve Prepend’ den bahsedeceğim. Genelde form işlemlerinin sonuçlarına göre bilgi amaçlı kullandığımız ( örn; geçersiz e-posta adresi girdiniz ) bu 2 metot, farklı alanlarda da direkt olarak html kod yapısı içerisine paragraflar, bilgi veren yazılar, resimler ekleyebilme olanağı sağlamaktadırlar. Yani […]

    Devamını Oku

  • Basit jQuery Eklentileri Yazıyoruz : Form Kontrol

    Merhaba Arkadaşlar, Bu eğitim serimizin son makalesi ile karşınızdayım. Sizlere bu gün bir formun kontrollerinin nasıl yapılacağını gösteren bir form eklentisi paylaşacağım. Bu form eklentisi ile birlikte klasik iletişim formlarının kontrollerini rahatça yapabileceksiniz. Örnek vermek gerekirse ” Adı & Soyadı , E-Mail Adresi , Konu , Mesaj ” içerikleri olan bir formu düşündüğümüz de bu […]

    Devamını Oku