öğ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 indirEklentiyi indireklenti 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