Mover imagem a div Selecionada

[Dj Del Palmis 0]

Bom pessoal o que estou querendo fazer a mais ou menos o que tem neste site aqui.

http://www.aiondatabase.com/stigmaplaner?link=7#55:2:0:946:0:0:0:0:0:0:0:0:0

 

E seleciona uma DIv. E mover a imagem que está abaixo para dentro dessa div, ou como foi feito no site ao clicar na imagem ela vá automaticamente para dentro da div selecionada. Alguém poderia me dizer algum modo de se fazer isso.

 

[William Bruno 1501]

hum.. não é bem "mover", mas algo como clicar, dar uma class para o "alvo", e então preencher aquele elemento com as informações que foram selecionadas.

 

no evento onclick do alvo, atribua uma class ao elemento.

ai no clique da "magia", vc procura o elemento q ganhou a classe antes, e preenche ele.

 

um trabalho com .innerHTML lendo o conteudo do objeto clicado e atribuindo ao novo objeto.

[Dj Del Palmis 0]

Hum. Muito obrigado William me ajudou muito já bolei uma ideia de como fazer o que estou pretendendo. Mais minha duvida agora é como eu faço ao usuário clicar selecionar a div "alvo"?

[William Bruno 1501]

atribuindo uma class a essa div.

[Dj Del Palmis 0]

desculpe a demora em responder mais tirei umas férias. Hehe testei aqui bruno e cheguei mais ou menos ao resultado. Fiz os eventos de mouseover, mouseout e click com sucesso. Como pode ver no exemplo a seguir. Ignore os erros de PHP pois o mesmo está configurado para funcionar localmente.

http://www.aionbrasil.net/wp-content/themes/extreme/stigma.php

de uma olhada nos dois primeiros campos onde apliquei as classes. Só que surgiu uma nova duvida, como eu faria para ver se alguma div já está com uma determinada "class" e remove-la. E aplica na nova div ao clicar com o mouse?

Eu usaria um "if"? Como?

[William Bruno 1501]

não precisa verificar.

 

apenas REMOVA TODAS e depois adicione a nova. Só isso.

[Dj Del Palmis 0]

Thanks William, O problema foi resolvido. Consegui o que queria, muito obrigado pela ajuda!