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

By

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ı.
1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading...


2 Comments
  1. İbrahim 4 years ago
    Reply

    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ü.

    • Ali 4 years ago
      Reply

      Php+Mysql ile birlikte kullanmanız gerek bu uygulamayı. Sadece demo olduğundan herhangi bir kayıt işlemi gerçekleştirmiyor.

Leave a Comment

Your email address will not be published.

You may also like

Trend