Interaction matters - web development blog

2009 1201

Recursive AJAX calls

Last day I had to hack a webshop's basket management system, and deleting the items had to be done via AJAX. The problem was, that each call had to wait the previous to be completed, otherwise some products kept in the session. The solution was simple: call the AJAX requests recursively on the 'onComplete' event.

Here is a cleaned up code, using MooTools 1.2.4. Call addAjaxParam() to prepare the ajaxParams array.

var ajaxParams = [];
function addAjaxParam( pid )
{
    var obj = {
        'option': 'module_shop_action',
        'product_id': pid
    }
    ajaxParams.push( obj );
}

Category: Programming - Tags: AJAX MooTools JavaScript Read more

2009 1119

How to write drag and drop code from scratch?

Drag and drop is a very cool feature in the browsers too, if really needed. Most JS libraries has this functionality, from jQuery to MooTools. But how they do it?

Well, it's not black magic, actually really simple.

The idea
You need to combine two different mouse events: mouseDown and mouseMove, then track the mouse position, update an elements position, finally cancel the mouseMove event on mouseUp.

The goal
Create a freely movable window that you can move with a handle.

Click "read more" to see the codes.

Category: Programming - Tags: javascript tutorial drag-and-drop - 2 Read more

2009 1119

3D audio visualisation in javascript

I've found an interesting experiment by Mr Doob. It's a proof of concept visualisation, using the HTML5 audio tag, JavaScript and SVG.
Well done, Mr Doob!

Check it out (Use Google Chrome for best experience.)

Category: Coffee break - Tags: javascript experiment svg Read more

Tibor SzászInteraction matters

Recursive AJAX calls

How to write drag and drop code from scratch?

3D audio visualisation in javascript

Briefing

Topics

Friends

Feeling so social

Tags