jQuery ile Nesneleri Efektif Değiştirmek

Öncelikle bu işlemi isotope adında bir eklenti ile yapacağız.
Genellikle portfolyö kısımlarında tab içerikleri değiştiğinde karşılaştığınızı düşündüğüm bir eklentidir.
Bu eklenti sayesinde içerikleri efektif bir şekilde değiştirebiliyorsunuz.
Bende videoda sizin için nasıl kullanacağınızı anlattım.
Okumaya devam et “jQuery ile Nesneleri Efektif Değiştirmek”

contenteditable fare imleç pozisyonunu öğrenme

bir contenteditable içeriğimizde fare imlecinin pozisyonunu öğrenmek istersek window.getSelection() metodunu kullanacağız. Örnek vermek gerekirse.

<div contenteditable="true" id="test">bu bir deneme yazısıdır..</div>

Fare imleç pozisyonu: <span id="position"></span>

Şimdi dive tıkladıkça fare pozisyonunu alalım ve ekrana yazdıralım.

$('#test').on('click', function(){
  var sel = window.getSelection();
  $('#position').text( sel.extentOffset );
});

işte bu kadar basit 🙂 bana çoğu zaman lazım oluyor, blogda dursun dedim.
Okumaya devam et “contenteditable fare imleç pozisyonunu öğrenme”

AngularJS Basit Örnek Uygulama

Daha önceki angularjs notlarıma istinaden pekiştirmek adına küçük bir örnek uygulama hazırladım. Hazırlarken mümkün olduğunca her şeyi açıklamaya çalıştım, kafanıza takılan bir yer olursa önce notlara bakabilir daha sonra hala anlamadığınız bir kısım var ise yorum olarak bana yazabilirsiniz.
Okumaya devam et “AngularJS Basit Örnek Uygulama”

Hangisi daha hızlı? ($().data(xx) ve $.data(xx))

Bildiğiniz gibi data değerlerini almak için .data() metodunu kullanıyoruz. Ancak performans olarak değerlendirdiğimizde aslında $.data() fonksiyon metodunu kullanmak daha avantajlı.
Okumaya devam et “Hangisi daha hızlı? ($().data(xx) ve $.data(xx))”

jQuery ile Basit Checkbox ve Radio Özelleştirmesi

Çok basit şekilde checkbox ve radio inputlarını özelleştirebilirsiniz. İlk olarak radio ve checkbox için html yapılarına göz atalım;

<label>
    <input type="radio" name="cinsiyet" checked />
    Kadın
</label>
<label>
    <input type="radio" name="cinsiyet" />
    Erkek
</label>

Bu radio inputu içindi. Gördüğünüz gibi label kullanıyoruz. Sebebi ise labele tıklandığında otomatik olarak radio butonunu kendisi seçeceği için jquery’de ekstra bir şey yapmamıza gerek kalmıyor. Aynı şekilde checkbox içinse yapı şöyle;

<label>
    <input type="checkbox" value="1" name="test" checked />
    Kullanım Koşulları'nı okudum, kabul ediyorum.
</label>

Okumaya devam et “jQuery ile Basit Checkbox ve Radio Özelleştirmesi”