Tagged: jquery ui dersleri

0

Jquery UI Dersleri 8 – Resizable Events

Resizable eventları create, resize, start ve stop olmak üzere 4 adettir. Kullanımları draggable özelliğin eventlarına oldukçta benzemektedir. create Herhangibi nesneye resizable() özelliği verildiği anda tetiklenir. start Boyutlandırma işlemi başladığı anda tetiklenir. resize Herhangibi nesne yeniden...

0

Jquery UI Dersleri 7 – Resizable Options

Resizable özelliği adından da anlaşılacağı üzeri uygulandığı nesnenin yeniden boyutlandırılabilir olmasını sağlıyor. Draggable ve Droppable özelliklerinde sayfaya JQuery ve JQuery UI kütüphanelerinin js dosyalarını dahil etmek yeterli oluyordu ancak resizable() özelliği için JQuery UI...

2

Jquery UI Dersleri 6 – Droppable Methods

Droppable özelliği içinde eventlar ile birlikte kullanılabilecek 6 adet method mevcut.  Gerekli gördüğüm 3 tanesini aşağıya yazdım. destroy Droppable özelliğini siler. disable Droppable özelliğini devredışı bırakır. enable Devredışı  bırakılmış Droppable özelliğini tekrar aktif eder....

0

Jquery UI Dersleri 5 – Droppable Events

Jquery UI Droppable içinde kullanılabilecek create, activate, over, out, drop, deactivate olmak üzere toplam 6 adet event mevcut. Bu eventler referans olarak belirtilen draggable özelliği verilmiş element sürüklendiğinde tetiklenirler. create Draggable özelliği atanmış bir...

1

Jquery UI Dersleri 4 – Droppable Options

Merhaba arkadaşlarım. Droppable özelliğini anlatması biraz zor olcak gibi. Bu yüzden örnek bir senaryo üzerinden gidersek daha rahat anlaşılır diye düşünüyorum. Önce genel bir tanımını yapalım. Ardından örnek senaryoya bakalım. Aşağıdaki açıklamalar biraz karışık...

0

Jquery UI Dersleri 3 – Draggable Methods

Draggable özelliği içinde eventlar ile birlikte kullanılabilecek bazı methodlar var. Örneğin bir elementin sürüklenmesi bittikden sonra sürükleme özelliği devre dışı bırakılabilir. Böylece bir element sadece bir kez sürüklenebilir olur. Draggable özelliği için kullanılabilinecek methodlardan...

0

Jquery UI Dersleri 2 – Draggable Events

Bir önceki makalede draggable özelliği içinde kullanılabilen ayarlara anlatmıştım bu bölümde de event (olay) kısmını anlatacağım. Gözünüz korkmasın toplam 4 tane event var. Bunlar create, start, drag, stop. create Herhangibi nesneye draggable() özelliği verildiği anda tetiklenir. start Sürükleme...

1

Jquery UI Dersleri 1 – Draggable Options

Draggable özelliği uyguluandığı nesnenin taşınabilir olmasını sağlıyor. Nesneye draggable() özelliğini atamak için öncelikle nesnenin seçilmesi gerekir. Seçme işleminden sonra özellik uygulanabilir. Diyelimki box1 sınıfına sahip bir div olsun. Bu durumda Jquery UI kodu şöyledir. Sürüklenecek...

0

Jquery UI Dersleri

Merhaba, üzerinde çalıştığım bir proje için Jquery UI kütüphanesini mecburi olarak kullanmak zorunda kaldım. Ben back-end  işlerini yaptığım için front-end kütüphaneleri ile ilgilenmemekte son derece haklıyım ama işin içine girince Jquery UI ın gayet kullanışı...