<pedrocorreia.net ⁄>
 

<Sortable Lists Using jQuery UI ⁄ >




clicks: 4061 4061 2008-11-27 2008-11-27 goto programacao myNews programacao  Bookmark This Bookmark This


Unordered lists have a number of useful applications. They are commonly used to structure a site's navigation. I have found, in a number of web applications, that the ability to reorder (sort) such lists would be extremely useful. So, how can this be achieved?

I'm a big fan of the jQuery library. Since most of the applications I build use jQuery, developing with this library would be the most logical approach. But wait... It looks like there are 2 jQuery plugins that allow elements to be sorted. These are the jQuery Interface plugin and jQuery UI.

At first, I started working with "Interface". I soon ran into problems as I started working with styled lists. For some reason, the list elements lost their styling as they were being dragged. I just couldn't quite put my finger on the problem - perhaps I missed something. I then started working with jQuery UI. This plugin retained the styling - perfect!



este é só um excerto do artigo, para aceder ao artigo completo, clique no link em baixo:
this is just a small excerpt from the article, to access the full article please click in the link below:

http://www.shopdev.co.uk/blog/sortable-lists-using-jquery-ui/




Subscribe News RSS  Subscribe News Updates by E-mail





myNews <myNews show="rand" cat="programacao" ⁄>

RouterJs: easy routing for your ajax Web applications new ...

RouterJs is a simple router for your ajax web apps. It's build upon History.js which means that Rout (...)

clicks: 18867 18867 2012-05-14 2012-05-14 goto url (new window) haithembelhaj.g... goto myNews programacao


Backbone computed properties new ...

This gist shows one way to implement read- and write-enabled computed properties on a Backbone Model (...)

clicks: 18464 18464 2012-05-13 2012-05-13 goto url (new window) https://gist.gi... goto myNews programacao


Android Query new ...

Android-Query (AQuery) is a light-weight library for doing asynchronous tasks and manipulating UI el (...)

clicks: 18321 18321 2012-05-12 2012-05-12 goto url (new window) code.google.com... goto myNews programacao


HTML5 jQuery Paint Plugin new ...

Websanova Paint is a HTML5 canvas based jQuery plugin. It allows you to free paint on a canvas area (...)

clicks: 29679 29679 2012-05-12 2012-05-12 goto url (new window) websanova.com/t... goto myNews programacao


Create Instagram Filters With PHP new ...

In this tutorial, I'll demonstrate how to create vintage (just like Instagram does) photos with PHP (...)

clicks: 18546 18546 2012-05-12 2012-05-12 goto url (new window) net.tutsplus.co... goto myNews programacao


Sass vs. LESS vs. Stylus: Preprocessor Shootout new ...

CSS3 preprocessors are languages written for the sole purpose of adding cool, inventive features to (...)

clicks: 18316 18316 2012-05-11 2012-05-11 goto url (new window) net.tutsplus.co... goto myNews programacao


Real-time Applications With Node.js and Socket.IO new ...

Hey everyone! Sorry about the long pause since the last blog post, life has been quite hectic for th (...)

clicks: 18849 18849 2012-05-11 2012-05-11 goto url (new window) codingcookies.c... goto myNews programacao


Gettings to know Backbone.ks new ...

In this series, we're going to learn how to build a fully functional contacts manager using Backbone (...)

clicks: 17384 17384 2012-05-10 2012-05-10 goto url (new window) net.tutsplus.co... goto myNews programacao