Drag and Drop Reordering of Database Records with Mootools Sortables

Ajax, Mootools, User Interface, Web Development 4 Comments »

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.
This recipe also uses PHP and MySQL for the server side magic. However, it is abstract enough for you to substitute the PHP / MySQL aspects with your scripting language and data storage combination of choice.

It´s going to be straight to the point, so if you do have any issues the best thing to do is post them here and you usually get an answer, even if it’s not from me. Right enough preamble - let’s go:

Read the rest of this entry »

Drag and drop reordering of database fields with Scriptaculous

Ajax, Scriptaculous, User Interface, Web Development 77 Comments »

Rather than go into 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:

  1. An ecommerce site where the site owner wanted to arrange categories and products in a more logical order (e.g popularity) as opposed to alphabetically.
  2. A real estate site where the site owner required the ability to upload multiple images of a property and then reorder them.

As always I will be using PHP as the server-side component to this tutorial, but I aim to keep it as out-of-depth to enable an easy transition to the server-side language of your choice.

Read the rest of this entry »

Autocompletion with Scriptaculous and Ajax.

Ajax, Scriptaculous, User Interface, Web Development 76 Comments »

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:

  1. Introduction: What is autocompletion and why use it?
  2. How it works.
  3. Getting scriptaculous and building the form.
  4. Building the autocomplete server.
  5. Passing back an id to our form.

Read the rest of this entry »

Ajax autocompletion for the impatient

Ajax No Comments »

A new and improved version of my autocompletion with Ajax and Scriptaculous is now available.

WP Theme & Icons by N.Design Studio
Entries RSS Comments RSS Login