<pedrocorreia.net ⁄>
 

<Sortable Lists Using jQuery UI ⁄ >




clicks: 3780 3780 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: 17728 17728 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: 17484 17484 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: 17472 17472 2012-05-12 2012-05-12 goto url (new window) code.google.com... 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: 17422 17422 2012-05-12 2012-05-12 goto url (new window) net.tutsplus.co... 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: 28494 28494 2012-05-12 2012-05-12 goto url (new window) websanova.com/t... 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: 17112 17112 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: 17745 17745 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: 16395 16395 2012-05-10 2012-05-10 goto url (new window) net.tutsplus.co... goto myNews programacao