Como mover imagem ou TD com o mouse?

[Zenner]

Olá turma.. Todos você's já viram o recurso do orkut de ordenar fotos.. Creio que todos vocês também já desenvolverm algum album de fotos usando php ou asp..

Tenho meu sistema de album de fotos e estou querendo fazer tal como o orkut... Criar uma forma do usuário mover as fotos de posição..

Achei um script na net que move as linhas de uma tabela usando um duplo clique. (abaixo o link do artigo).

Realmente funcionou... criei um form, coloquei uma tabela e em cada linha coloquei uma foto e um campo hidden com o id da figura.. Ao dar o submit ele ordena, mas colocar uma foto por linha toma muito espaço, então a dúvida.. Como adaptar esse script para que ele mova as celulas da mesma forma q ele move uma linha

Quem puder ajudar serei grato e fica pra posteridade nossa ajuda para os demais desenvolvedores..

Abaixo o link do exemplo de ordenação de linha..

http://java-scripts.net/javascripts/Double...Table-Row.phtml

[Jonathan Queiroz]

Cara, o link ali em cima não está funcionando não !

Tente acessar para ver o que acontece !

[Alexandrekirpa]

Como o Zenner postou o link quebrado, aí o certo:

http://java-scripts.net/javascripts/Double...Table-Row.phtml

GoNe

[Alexandrekirpa]

o programa do link que você mandou não funcionou no FF, então não é crossbrowser

há algum tempo, eu havia visto na net um plugin do jQuery - um framework(que é crossbrowser) - que fazia isto, era uma especie um Drag 'n Drop

mas isso foi há muito tempo...

porem, pesquisei na net e achei algo melhor:

http://www.isocra.com/2008/02/table-drag-a...-jquery-plugin/

tem um exemplo que é mais ou menos igual ao que você precisa, só que está em Inglês....

---edit---

você pode usar o plugin do mootools (outro framework) tambem: http://demos.mootools.net/Sortables

---edit2---

achei uma aula (em ingles) onde ensinam a fazer um sortable - noime desse negocio ai de arrastar para organizar - com o scriptaculous (éééé, outro framework...)

http://www.jhl.it/Courses/LUGPC4.html

PS: baixe o .ZIP que está no final da pagina. Vale apena

------------

Acho que todo framework que se preza tem um modo de criar um sortable...

E esse é o melhor jeito para você fazer seu script =]

---edit3----

mais um exemplo do scriptaculous - e esse é exatamente o que voce quer (acho): http://www.gregphoto.net/sortable/index.php

vá até o ultimo exemplo... é com imagens..

------------

GoNe

Editado Dezembro 31, 2008 por Alexandrekirpa