Sortable.js – Html5 sürükle-bırak sıralama

2
790
Görüntülenme

sortable
Ali  Farhadi tarafından yapılmış  olan Html5 Sortable  uygulaması  Wordpress benzeri sürükle  bırak örnekleri oluşturmanıza  ve kullanmanıza  olanak  sağlıyor. WordPress blogcuların yakından tanıdığı  bu özellik  bileşenler  sekmesinde  sürükle bırak yöntemi ile bir  bileşeni bileşen alanına  taşımaya yarıyor. WordPress sisteminde  bu özellik bir de  menü oluşturma  bölümünde  kullanılmış. WordPress kullanıcıları için  maksimum kolaylık  sağlayan bir özellik.

Demo sayfasında Sortable ile  hazırlanmış iki adet demo bulunuyor. Bir tanesinde menü şeklinde  diğeri de grid şeklinde hazırlanmış. Aynı yapboz gibi hangisinin taşırsanız taşıdığınız yerdeki nesne ile yer değiştiriyor.

Kullanım

  • Head etiketleri arasına eklemeniz gereken bölümler.

Js dosya adresleri : 

 Javascript : 

 Stil : 

Demo sayfasnının kodlarıdır.

Body etiketleri arasına eklemeniz gereken bölüm.

Liste :

Grid :

 

  • Destekleyen Tarayıcılar : IE 5.5+, Firefox 3.5+, Chrome 3+, Safari 3+ and, Opera 12+.
  • Lisans : MIT lisansı.

2 YORUMLAR

  1. Merhaba, güzel bir uygulama fakat kafama takılan bir soru var. Bu uygulamayı örnek yöneticiler sayfamızın paneline uyguladık sürükle bırak yöntemi ile başkanı en üste, yardımcısı bir altına gibi sıralamayı yaptık diyelim. Bunu nasıl kaydedeceğiz. Yani sürükle bırak ile şekillerin yerini değiştirdikten sonra sitede nasıl göstereceğiz insanlara çünkü her sayfa yenilenmesinde orjinaline dönüyor diğer türlü.

CEVAP VER

Lütfen yorumunuzu yazın.
Lütfen İsminizi bu alana yazın.