Archive for the ‘Javascript’ Category
The Vietnam War Timeline
My newly launched project, a timeline of the Vietnam War, is now online.
The project provides an interactive timeline of the conflict that allows users to scroll through years and see key events and related media in a chronological order. This is still the beta of the project insofar as the information is still being added, but contributions are expected and welcomed from veterans, historians and other with an interest in this war.
Information for the techies: the project uses jQuery to power the timeline and the backend data is stored using MySQL and delivered with PHP. The timeline degrades gracefully to allow for viewing in non-javascript devices. Future updates are to include an RSS feed of the latest added information.
The project is run and hosted voluntarily by myself.
Drag and drop reordering of database fields (sortables) with jQuery
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.
jQuery table effects plugin - v1.0
My first outing into producing a jQuery plugin is the limited, but useful “jQuery table effects”.
The current version defines the following features:
- Alternating row colours for readability (striping).
- onmouseover and onmouseout events for manipulating the background colour of the row.
Autocompletion with Scriptaculous and Ajax.
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:
- Introduction: What is autocompletion and why use it?
- How it works.
- Getting scriptaculous and building the form.
- Building the autocomplete server.
- Passing back an id to our form.
