Drag and Drop

[HeltonGeek 0]

Pessoal, alguém tem um bom tutorial sobre drag and drop com elementos DIV. Estava vendo alguns tutoriais só que não entendia muito bem.

Bom o que quero é o seguinte, um sistema de drag and drop que você clica e solta em uma caixa, e essa caixa vai ser preeenchida com alguns dados e formatada em CSS.Fui fazer uma busca no fórum e tava dando um erro, procurei no google sim, e os tutos não são muito explicativos.

Qualquer ajuda ficarei grato.

[Mateus Avila Isidoro 8]

OI

 

Lendo os tutoriais do jquery ui (http://jqueryui.com/) você verá como que funcionam os eventos drag e drop. Se você tem experiência com eventos em jquery, não tem muito segredo não. No código abaixo, você pode ter uma idéia de evento drag.

 

$( "#draggable2" ).draggable({ stop: function() {
			alert(ui.draggable.text());
		} });

 

Quando tu parar de mexer num objeto arrastável, ele irá mostrar um alert contendo o texto da tua div. Geralmente passamos variáveis para atributos, usando a função data do jquery. O drop é praticamente a mesma coisa.

 

Abração