Behaviors Drag Ap Element

Basic ve advanced kısmı.
Behaviors - Drag AP element

İlk  olarak Layout kısımında Draw AP div ile sayfamıza bir ap div çizeriz.
Başlıksız İçerik______________________

Ap divin üzerinde sağ tıklayarak css styles > new diyerek bir stil ekleriz.
Başlıksız İçerik______________________

Define in kısmından yeni bir stil sayfası yerine bu dokumanı(this document only)yi seçeriz.
Başlıksız İçerik______________________

Background kısmından ap divimize bir background resmi ekleriz.
Başlıksız İçerik______________________

Ekledikten sonra ap divimizin görünüşü.
Başlıksız İçerik______________________

Sonra sayfamızda beyaz kısma tıklarız ve sagdaki tag kısmından behaviors bolumunden + tuşuna basarak drag ap elementi seçeriz.
Başlıksız İçerik______________________

Basic Kısmı
Movement - Unconstrained
Kısıtlama olmadan sürükleme yapmamamıza yarar.
Başlıksız İçerik______________________

Sayfada ap elementin ilk bulunduğu yerden istediğimiz yere sürükleme yapabiliriz.
Başlıksız İçerik______________________

Movement - Constrained
Belirttiğimiz değerlerle kısıtladığımız alanda sürükleme yapabiliriz.
Başlıksız İçerik______________________

Nesnemizi ilk bulunduğumuzdan yerden sürükleme başlarız.Sürükleme verdiğimiz down ve right değerlerine kadar olacaktır.Daha ilerisine nesnemizi sürükleyemeyiz.
Başlıksız İçerik______________________

Drop Target
Nesnemizi bir hedefe bırakmamıza yarar.
Başlıksız İçerik______________________

Nesnemizi sürükleme yaparız ve verdiğimiz snap if within "100" pixels drop target değerine göre 100 pixelslik bi alanda nesnemizi bıraktığımızda verdiğimiz left ve top değerlerine bırakacaktır.
Başlıksız İçerik______________________

Advanced Kısmı
Drag Handle - Entire Element
Nesnemizi istediğimiz yerinden istediğimiz yere sürüklememize yarar.
Başlıksız İçerik______________________

Nesnemizi her bölgesinden tutup sürükleme yapabiliriz.
Başlıksız İçerik______________________

Advanced - Area within element
Nesnemizi verdiğimiz değerlerinin bulunduğu bölgeden sürüklememize yapmamıza yarar.
Başlıksız İçerik______________________

Nesnemizi sadece verdiğimiz değerlerin oluşturduğu bölgeden sürükleyebiliriz.Diğer kısımlardan sürükleme yapamayız.
Behaviors Drap Ap Element

While Dragging
Nesnemiz sürüklenmeye başladığında javascript kodunu çağırmamıza yarar.

When Dropped
Nesnemiz bir yere bırakıldığında javascript kodunu çağırmamıza yarar.
Only if snapped seçili ise nesnemiz sadece otomatik olarak bir bölgeye oturduğunda javascript kodunu çağırmamızı sağlar.


Kaynak Reha Gürsel
Yorumunuzu Ekleyin


Yükleniyor...
Yükleniyor...