Skip Navigation LinksHome > Categories > Code from a Category

jQuery UI - sort of web 2.0 style

User Name: serfcompany
Name: Serf
Contact Me:
Home Page:
php,mysql,javascript,html,css. Preferable working with Zend Framework. Good know javascript. I worked with various, javascript frameworks such as(jquery, YUI3, extjs, sencha touch). [More]
Viewed Times: 1224
Add Date: 02/10/2012
Today it comes to the withdrawal of goods or anything else in a certain order, the order will be stored in a database, as well as other characteristics of goods. But instead of print indexes and provide an opportunity to change them, we will change the order in the style of Web 2.0.

To begin with, we need a database, which will be stored all the necessary information. I created a simple database, preserving only the ID, thumbnail, title, and the order of output.

Next, we need to download jQuery UI plugin, and it sortable, which will carry almost all the dirty work on the part of klintskoy. You can download them from the official site of jQuery UI.

After clicking "Finish" The funds we will send AJAX array containing the new priority of our script. That he will write a new procedure in the database. Hopefully, the code will not be difficult, I tried to comment it in detail.

The script to save the new order in the database

It turns out there's nothing in this complex, and users the chance will be pleasantly surprised.

Post a Comment

Name: (Optional)
Email: (Optional, you can get an email if somebody replys your comments)*
Email me if somebody respons my comment below:
Enter Text
as Below:
(case insensitive, if hard to read, click the "get a new one" button)
* Your email address will not be shared with any third parties for any reason.
** Maximum 1000 charactors.