jquery how to add pin to image and save the position to SQL

Question

How can I pin an image, and save the position of my pins?

I found this plugin, but I don\'t know how to save the position of these pins.

The idea is like Google

Answer 1

You can get nodes information like this:

function getNodes(){
    var nodes = [];
    $('img', $('#container')).each(function(){
        nodes.push([$(this).css('top'), $(this).css('left')]);
    });

    $.post('save.php', {nodes: nodes}, function(data){}, 'json');
}

Then the position of the nodes will be post to save.php.