This tutorial explains how to display a list of items from a database that can be reordered in real time by dragging and dropping, using the jQuery library. Moreover, no page reload is required on every reorder. If you want a bigger introduction to why you may want to do this I suggest reading my tutorial on how to achieve the same functionality using scriptaculous.
Previously I have explained how to achieve this in Scriptaculous and Mootools.
My first outing into producing a jQuery plugin is the limited, but useful “jQuery table effects”.
The current version defines the following features:
This is beautiful, funny and worrying at the same time. Giles Coren’s letter to the Times sub-editors about the removal of the indefinite article “a” from a sentence and the subsequent response.
Be warned – contains copious profanities, bad grammar and a glimpse into the tense realtionship between writers and sub-editors.
Southern Spain. An internet kiosk in the lobby of a residential block. A portly woman with two young children pulls up a chair and gazes at the screen.
“How come this is not in English?”
Demo here | Download sample files
This tutorial supercedes my previous turtorial on autocompletion by adding further tips and tricks to make your autocompletion a much better experience for your site users The tutorial is structured in the following way:
This recipe follows on from the work done in my Scriptaculous Drag and Drop recipe, only using Mootools an alternative Javascript library that I have been using lately. I am not endorsing either library and I suggest you read both tutorials and see which one feels most comfortable for you, or choose depending on the library you currently use.
Rather than go into immense detail about why you would want to do this, let me present two real world examples of projects I have recently completed that have benefited from this kind of functionality:
Recently I have been tinkering with Ruby on Rails and I came across a rather nice method of alternating row colours using only two lines of code and a couple of CSS rules. I have been using this method in my PHP ever since and never looked back. This is a neat trick to alternate row colors on a table using PHP.