Browsed by
Kategori: Javascript & JQuery

jQuery Özel Fonksiyon Oluşturma İşlemi

jQuery Özel Fonksiyon Oluşturma İşlemi

jQuery kullanılarak geliştirilen web sitelerinde bir çok işlemi fonksiyon kullanarak gerçekleştiriyoruz, bu sayede düzen ve hataların çözümü daha basit ve kolay oluyor. Bunu yaparken de kendi fonksiyonlarımıza ihtiyacımız olacaktır. jQuery bu tür durumlar için kendimize özel kullanabileceğimiz metotlar oluşturmaya olanak sağlar. Örnek olarak girilen değeri konsola basan bir fonksiyon yapalım..

Bu örneğimizde sitemizde bir debug fonksiyonu oluşturduk jQuery ile. Fonksiyonları oluştururken $.fonksiyonismi olarak bir değişken oluşturup bu değişkene bir fonksiyon oluşturuyoruz. Kullanımına gelirsek;

Burada kullanılan fn metotu ise kendi oluşturduğumuz fonksiyonları…

Read More Read More

jQuery Yeni DOM Nesnelerine Müdahale Etme

jQuery Yeni DOM Nesnelerine Müdahale Etme

Javascript Ajax metotu ile sitemizde sayfa yenilemesi olmadan verileri güncelleyebiliyor yada sayfalarda değişiklikler yapılabiliyor. Bu değişiklikler kimi zaman sitemizde görünüm sorununa neden olabiliyor, örnek olarak ajax ile çekilen bir alt sayfanın içindeki nesnelere erişip o nesnelere görünüm vermek isteyebiliriz.

Yukarıdaki kodlar ile sadece sayfa açılışta yüklenen elemanlara erişebiliriz. Ancak jQuery ON metodunu kullanarak daha sonradan gelen elemanlarada müdahale etmek mümkün;

Yukarıdaki “DOMNodeInserted” olayı sayfa hem yüklenirken, hemde sayfaya sonradan eklenen nesnelere müdahale edebiliyoruz.  

Dropdown Menü Seçilen Linke Yönlendirme

Dropdown Menü Seçilen Linke Yönlendirme

Başlık pek açıklayıcı olmasa da aslında açıklamak istediğim şey web sitelerinde sıkça kullandığımız açılan menülerde ki seçeneklere link verebiliyoruz özellikle sayfalama sistemleri yaparken ancak bu seçimleri direk yönlendirmek için javascriptten yardım almamız gerekebiliyor. Buyrun örneklere.. Açılan bir sayfalama sistemimiz olsun:

Value değerlerinin için de ise yönlenecek link olarak belirleyelim. Daha sonra ufak bir javascript kodu yardımıyla bu value değerini gidecek sayfa olarak belirleyelim.

 

Bu kodu kullanarak value değerini link olarak kullanabiliyoruz..

Javascript Auto Submit (Otomatik Form Gönderme)

Javascript Auto Submit (Otomatik Form Gönderme)

HTML ile oluşturduğumuz bazı formları submit butonu olmadan da otomatik olarak submit edebiliriz. Böylelikle tek formluk işlemler, açılan menüler, seçim kutuları vb. butonsuz gönderebiliriz. Bu örnekte ben bir açılan menü kullandım faydalı olması dileğiyle…

Gördüğünüz gibi otomatik submit göndermek istediğimiz forma

ekleyerek seçim yapıldıktan sonra form gönderimi olmuş oldu..