D-talk

Recently I wanted to improve they way some anchors where handled in my recent project, it works a bit like adding and removing items to/from a list. But it was possible to trick the interface by quickly clicking multiple times on a link before the AJAX request was finished, while the back-end handled this without any problems, the interface for the visitor couldn't. And since I'm a neat freak and I had a few minutes to spare, I came up with the following.

A working example: http://dynom.nl/jquery/clickmanycallonce.html.

While the code is fairly self explanatory and quite simple here the steps in a bit more detail:

1. Unobtrusively binding, as soon as the DOM is ready.
2. Binding the real action handler on 'click' action with jQuery's 'one()' event handler
3. Binding the dummy action handler on 'click' action with the 'bind()' event handler

This situation is probably only favorable if the item you click is removed from the DOM (or has actions re-bound after the call) else it might not be what you want.

I spent some time figuring out a way to sort unordened lists, when dynamically (AJAX) adding/removing items. I had some problems with the typical '10 being greater then 1, but lesser then 2', so I took a simple bubblesort algorithm and tweaked it with the string length. It's probably not the fastest or most elegant way of doing it, but it works like a charm. If you have any improvement points, don't be shy and drop a line.

The algorithm:
This is the search algorithm I used, (which I found here) and I simply added the difference in string length to the equation to make sure that '10' is greater then '1', causing human-natural sorting.

Read on to see a implementation example...