Home arrow JavaScript arrow Sorting the Easy Way
JAVASCRIPT

Sorting the Easy Way


I bet most of us have developed an application where a list of products were retrieved from a database and shown in a table with their name, price and code. So we placed a cute little icon near each column's header that linked to the search page with a flag in the URL to let it know we wanted the results ordered by name or price. The search script kindly did its job, adding the ORDER BY clause, and the ordered results were shown to the user. Obviously this method works, but there is a problem: Why must we bother the server again to retrieve the same results that are now held in the browser, only in a different order? This article will show you the quickest way to order your database results, via JavaScript, with some work in PHP.

Author Info:
By: Alf A. Pedersen
Rating: 4 stars4 stars4 stars4 stars4 stars / 9
March 17, 2004
TABLE OF CONTENTS:
  1. · Sorting the Easy Way
  2. · The Basic Code
  3. · We Love INNERHTML!
  4. · See What We've Done...
  5. · PHP Sorting

print this article
SEARCH DEVARTICLES

TOOLS YOU CAN USE

advertisement
Sorting the Easy Way
(Page 1 of 5 )



The Test Scenario

First of all, we'll create a products table in our MySQL test database and insert some records into it:


CREATE TABLE products (
  
ID smallint(5unsigned NOT NULL auto_increment,
  NAME varchar
(125NOT NULL default '',
  PRICE float
(8,2NOT NULL default '0.00',
  CODE varchar
(10NOT NULL default '',
  WEIGHT smallint
(5unsigned NOT NULL default '0',
  PRIMARY KEY 
(ID)
  
TYPE=MyISAM;
INSERT INTO products VALUES (1'Absolute Delight''2.20''59'50);
INSERT INTO products VALUES 
(2'Aqua Mirabilis''2.35''114'15);
INSERT INTO products VALUES 
(3'Back For Breakfast''8.30''1409'500);
INSERT INTO products VALUES 
(4'Breeze on a Sea Air''5.95''223'75);
INSERT INTO products VALUES 
(5'Figs and Leaves''3.90''22819'100);
INSERT INTO products VALUES 
(6'I love Juicy''5.95''2006'250);
INSERT INTO products VALUES 
(7'Ocean Salt''9.75''2128'150);
INSERT INTO products VALUES 
(8'Serenity''49.95''2083'350);
INSERT INTO products VALUES 
(9'Tisty Tosty''2.35''5'60);
INSERT INTO products VALUES 
(10'Waving Not Drowning''1.95''15'40);



If nothing went wrong we should have our products table with 10 records. Roll up your sleeves; we are now ready to jump into the actual code!



blog comments powered by Disqus
JAVASCRIPT ARTICLES

- More Top jQuery Plugins for Menus
- Top jQuery Tutorials for Beginners
- New UI Framework and SDK for JavaScript Rele...
- JavaScript OpenPGP Tool, Node.js 0.6.3 Avail...
- Yahoo Releases Cocktails Language and Develo...
- Customizing jQuery Slideshows: Dynamic Contr...
- Customizing jQuery Slideshows: the animate()...
- Customizing jQuery Slideshows: slideUp() and...
- Customizing jQuery Slideshows: hide() and sh...
- Web Workers: Performing Calculations in Para...
- More Top JavaScript Frameworks and Libraries
- More Dynamic jQuery Styling Techniques
- The Top JavaScript Libraries
- The Top JavaScript Frameworks
- Dynamic jQuery Styling

Dev Articles Forums 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Weekly Newsletter
 
Developer Updates  
Free Website Content 
Contact Us 
Site Map 
Privacy Policy 
Support 



© 2003-2012 by Developer Shed. All rights reserved. DS Cluster 2 - Follow our Sitemap
Popular Web Development Topics
All Web Development Tutorials