Mover Objetos dentro de um Retangulo

[Thiago Ladislau 0]

Boa Tarde Pessoal,

Tenho algumas dúvidas e antes de dar os primeiros passos, precisava saber se estou no caminho certo.

 

Eu conheço bem o php, mas javascript estou começando aos poucos.

 

É o seguinte, estou desenvolvendo um retângulo e dentro dele vou ter vários objetos que poderão ser movidos com o mouse.

Até aqui tudo bem.

 

Mas gostaria de saber se é possível a seguinte condição.

Digamos que eu tenha vários objetos (imagem.jpg) e ao posicionar eu salve a posição de cada um. se eu der um refresh eles não podem sair da ordem que foram posicionados.

 

segue um exemplo da ideia,

http://codigofonte.uol.com.br/codigos/mover-objetos-div-e-imagem-em-javascript

 

 

Mas será possível eu armazenar a posição de cada imagem?

O que vocês me recomendariam?

 

valeu

[Electronic 124]

No evento document.onmouseup envie por ajax com as posições dos objetos

[Thiago Ladislau 0]

Eletronic,

você poderia me postar um exemplo, sou iniciante.

[Electronic 124]

Eletronic,

você poderia me postar um exemplo, sou iniciante.

 

Alterando um pouco o evento mouse up

$(".dragme").mouseup(function() {
    isdrag = false;
    $(".dragme").each(function() {
        var top = this.style.top ;
        var left = this.style.left ;
        console.log($(this).attr("id") + " top: " + top + " left: " + left);
    });
});

Aperte F12 e vá na aba console e veja as posições

ai pode salvar num array e in vez de imprimir no console mande via ajax pra uma pagina onde você gravará

Esta não é a solução, mas pode te dar uma ideia por onde começar