Kategori: JQuery

Javascript Nesne İçerisine Değer Yazmak, InnerText, InnerHTML Kavramları ve Farkları

JQuery ile bir nesnenin (div, label, vs…) içerisindeki değeri okumak aslına bakarsanız çok kolay. Bunu JQuery ile yaptığınız oranda aslında tarayıcı uyumsuzlukları ihtimalini de mümkün olabildiği oranda minimize etmiş oluyorsunuz. Gelelim konumuza; InnerHTML Kavramı InnerHTML, aslında yakaladığınız objenin içerisinde değişiklik yapmak istiyorsanız kullanabilirsiniz. Zira burada vereceğiniz değer HTML olsa dahi olduğu gibi yani tarayıcının algılayacağı kodlar şeklinde yansıtmaktadır. Örnek Kullanım; Ekran Çıktısı; Evet tıkladınız. Helal size! Inner Text Kavramı InnerHTML’in aksine burada da kullanım aynı …

JQuery
1 Star2 Stars3 Stars4 Stars5 Stars (Henüz oylanmadı)
Loading...

JQuery ile Foreach (Each) döngüsü

JQuery ile döngü kullanımına bir kaç örnek; Yukarıdaki örnekte kısaca şu şekilde bir işlev söz konusu; “product” class’ı verilmiş olan tüm elementleri bulup bu elementlerin toplam sayısı kadar dönüyor. Her döndüğünde kendi içerisinde ana değişkene (this) bu objeyi atıyor. Dolayısı ile this.find(“”) ile de istersek o an yakalamış olduğu product objesinin içerisinde de arama yapabiliyoruz. Bu örnekte “.product” nesnelerinde dönerken her bir nesnenin içerisindeki “.label” sınıfına sahip nesneyi buluyor ve bunun da içeriği “10” değil ise …

JQuery
1 Star2 Stars3 Stars4 Stars5 Stars (Henüz oylanmadı)
Loading...

JQuery Dropdown, checkbox, select change onay kutusu gösterme

Merhabalar, Bugünkü konum dropdown ve/veya checkbox gibi “change” event’i (olayı) olan tüm html objelerde kullanılabilecek “DropDownList/ComboBox/Checkbox Selected Cancel Confirm”, yani içeriği/durumu değiştiğinde kısacası Change olayı tetiklendiğinde bu değişikliği onaya tabi yapma durumu. Aslında konumuz ne kadar basit gibi görünse de mevcut kod deryasının içerisinde bazen hızlıca akıl edemediğimiz ve üzerine gereksiz yere bir ton düşünmek zorunda kalabildiğimiz bir konu. Şimdi kodumuzu görelim; var lastValue; $(“.changer”).bind(“click”, function(e){lastValue = $(this).val(); }).bind(“change”, function(e){ changeConfirmation = confirm(“Değişikliği yapmak istediğinize emin …

JQuery
1 Star2 Stars3 Stars4 Stars5 Stars (Henüz oylanmadı)
Loading...