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.
Ap divin üzerinde sağ tıklayarak css styles > new diyerek bir stil ekleriz.
Define in kısmından yeni bir stil sayfası yerine bu dokumanı(this document only)yi seçeriz.
Background kısmından ap divimize bir background resmi ekleriz.
Ekledikten sonra ap divimizin görünüşü.
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.
Basic Kısmı
Movement - Unconstrained
Kısıtlama olmadan sürükleme yapmamamıza yarar.
Sayfada ap elementin ilk bulunduğu yerden istediğimiz yere sürükleme yapabiliriz.
Movement - Constrained
Belirttiğimiz değerlerle kısıtladığımız alanda sürükleme yapabiliriz.
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.
Drop Target
Nesnemizi bir hedefe bırakmamıza yarar.
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.
Advanced Kısmı
Drag Handle - Entire Element
Nesnemizi istediğimiz yerinden istediğimiz yere sürüklememize yarar.
Nesnemizi her bölgesinden tutup sürükleme yapabiliriz.
Advanced - Area within element
Nesnemizi verdiğimiz değerlerinin bulunduğu bölgeden sürüklememize yapmamıza yarar.
Nesnemizi sadece verdiğimiz değerlerin oluşturduğu bölgeden sürükleyebiliriz.Diğer kısımlardan sürükleme yapamayız.
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
İlk olarak Layout kısımında Draw AP div ile sayfamıza bir ap div çizeriz.
Ap divin üzerinde sağ tıklayarak css styles > new diyerek bir stil ekleriz.
Define in kısmından yeni bir stil sayfası yerine bu dokumanı(this document only)yi seçeriz.
Background kısmından ap divimize bir background resmi ekleriz.
Ekledikten sonra ap divimizin görünüşü.
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.
Basic Kısmı
Movement - Unconstrained
Kısıtlama olmadan sürükleme yapmamamıza yarar.
Sayfada ap elementin ilk bulunduğu yerden istediğimiz yere sürükleme yapabiliriz.
Movement - Constrained
Belirttiğimiz değerlerle kısıtladığımız alanda sürükleme yapabiliriz.
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.
Drop Target
Nesnemizi bir hedefe bırakmamıza yarar.
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.
Advanced Kısmı
Drag Handle - Entire Element
Nesnemizi istediğimiz yerinden istediğimiz yere sürüklememize yarar.
Nesnemizi her bölgesinden tutup sürükleme yapabiliriz.
Advanced - Area within element
Nesnemizi verdiğimiz değerlerinin bulunduğu bölgeden sürüklememize yapmamıza yarar.
Nesnemizi sadece verdiğimiz değerlerin oluşturduğu bölgeden sürükleyebiliriz.Diğer kısımlardan sürükleme yapamayız.
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
