Quantcast
Channel: bildirgec.org - etiketler: sürükle bırak
Viewing all articles
Browse latest Browse all 10

jquery öğe "drop" aparatı - 2

$
0
0
\
öğelerin sürüklenmesini sağlayan eklentiyi bir önceki yazıda tanıtmıştım. şimdi sürüklenen öğelerin bırakıldığı yerleri ve yapmanız gereken işleri kolaylaştıran "drop" yani bırakma eklentisini tanıtacağız.

______________detaylar______________
jquery indir
Eklentiyi indir
eklenti anasayfası
lisans koşulları
genel demo sayfası
______________ basic ______________
en basit haliyle sürüklenebilir öğeleri içine bırakabileceğiniz bir bölge oluşturmanızı sağlar. öğeyi içine sürüklediğinizde tepki veren bir bölge oluşturursunuz.
demo

______________ active ______________

kabul alanı, içine sürüklenen öğeyi kabul ettiğini görsel tepki vererek belirtebilir.
demo
______________ available ______________
öğeyi sürüklemeye başladığınızda bu öğeyi hangi bölgeler kabul edebiliyorsa görsel tepki veririler. kullanıcının öğeyi nereye bırakacağını hemen görebilmesinde fayda sağlar.
demo
______________ dragover ______________
bu metod aslında bir "olay tutucusu"dur. bir öğe kabul bölgesinin üzerinde sürüklenmeye başladığında bazı işlemler yapmak istiyorsanız bu metoddan faydalanabilirsiniz.
demo
______________ proxy ______________
öğelerin yansımasını bırakma alanına sürüklemenizi sağlar. sürüklenecek öğe büyük ise veya içinde resim ve video gibi zorlayıcı öğeler içeriyorsa ayrıca ziyaretçinin grafik işlemcisi zayıf ise akıcı bir sürükleme deneyimi yaşayamaz. bu sorunu aşmak için öğenin yansımasını taşımak gerekebilir.
demo
______________ live ______________
dinamik olarak bırakma alanları oluşturmanızı sağlar. ekranda yer sorunları varsa genellikle bırakma alanlarını sonradan oluşturmak için faydalı olabilir.
demo
______________ overlap ______________
sürüklenen öğe ile bırakma alanının üst üste gelme toleransıdır.
demo
______________ intersect ______________
overlap ile benzer özellikler gösterir. sürüklenen öğe ile bırakma alanının kesişme toleransını ifade eder.
demo
______________ middle ______________
sürüklenen öğe ile bırakma alanının orta nokta toleransını ifade eder.
demo
______________ fit ______________
sürüklenen öğenin ile bırakma alanının içsel toleransını ifade eder. sürüklenen öğe 1px bile dışarda kalsa bırakma alanı öğeyi içinde kabul etmez.
demo
______________ mouse ______________
bırakma alanının mouse işaretçisiyle ilgilenmesini sağlar. sürüklediğiniz öğeyle birlikte işaretçi bırakma alanına girdiğinde öğe içeriye kabul edilir.
demo
______________ tolerance ______________
dairesel bırakma alanları oluşturmak için kullanılır. dairenin kenar çizgilerini çizmek için png veya gif resimlerinden faydalanmak gerekiyor. dairenin içini dinamik olarak boyamak için (öğeyi içine sürüklediğinizde tepki vermesi için) şeffaf png veya transparan gif kullanmak gerekir.
demo
______________ prevent ______________
bırakma alanlarını pasifleştirmek için gerekir. örneğin bir defa öğe kabul eden alan, başka bir öğe kabul etmemek üzere programlanabilir.
demo
______________ multi ______________
yakın duran bırakma alanlarına büyük bir öğe sürüklendiğinde, öğenin üzerine geldiği tüm bırakma alanları aynı anda öğeyi içine kabul ederler.
demo
______________ multi2 ______________
multi ile aynı özelliğini içerir. ek olarak taşınabilir öğelere işaret koyabilirsiniz. işaretlediğiniz tüm öğeleri aynı anda sürüklemenizi sağlar.
demo
______________ affordance ______________
öğeleri bırakma alanlarıyla ilişkilendirmeye yarar. bir öğeyi tutup sürüklemeye başladığınız anda bu öğeyi kabul edebilecek tüm bırakma alanları görsel tepki vererek kullanıcıyı uyarırlar. Bunun dışındaki bırakma alanları tepki vermediği gibi içlerine öğeyi bıraktığınızda da öğeyi kabul etmezler.
demo
______________ select ______________
windows gezgininden çok iyi bildiğimiz bir özellik. öğeleri topluca seçmeye yarayan şeffaf gergef.
demo
______________ reorder ______________
sıralama metodu. kutuların yerlerini değiştirmenizi sağlar. blogger'da da bu özellik kullanılmıştır. portal benzeri web sitelerinde modüllerin anasayfadaki dizilimlerini düzenlemekte kullanılabilir. aynı şekilde kullanıcının verilerini keyfi biçimde sıralaması gerektiği hallerde de çok profesyonel bir görsel düzenleme imkanı verir.
demo
______________ moving ______________
yaramazlık yapan bırakma alanları oluşturmaya yarar. sanırım en fazla oyun yapmak isteyenler için faydalı bir özellik.
demo
__________________________________________
kaynak : plugins | jquery

ilgili yazılar

Bu yazı lazaronnie tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.


Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Viewing all articles
Browse latest Browse all 10

Latest Images