Locais Padrões ao Mover Camadas em JavaScript

[Guest jociel]

Galera a duvida é simples

tem uma camada na pagina("principal") com Altura de 480px e Largura de 560px.

dentro desta camada("detalhe"), vai ter mais uma camada com Altura de 80px e Largura de 80px.

na camada "principal" lanço alguns Lugares padrões onde podem ficar a camada "detalhe", esses valores coloco em variaveis em javascript o iniciar a pagina, por exemplo tres posições

var top_1 =2

var left_1 = 2

var top_2=92

var left_2=92

var top_3=2

var left_3=182

ao iniciar a pagina a camada detalhe inica em uma destas posições

o usuario ao clicar nessa camada e mover so pode soltar a camada e uma desta posições então gostaria

que nelas fica-se pontilhado ao passa em cima de uma das posições. eque ao soltar proximo a uma delas se encaxa-se e fca-se onde soltou

valeu

add MSN jociel5@hotmail.com

[fercosmig]

para ficar pontilhado crie uma classe CSS com a borda pontilhada e altere o classname da div no evento onmouseover/onmouseout

[Guest Jociel Thiago]

Essa Parte de iluminar as posições acabei de fazer como você mensionou, usando uma camada com css sem bordas e quando passa em cima muda as bordas

agora o problema é como fazer ficar onde soltar e se não soltar em nenhuma possição padrão voltar ao lugar inicial

alguém Mais tem dicas,

presciso de ajuda

[Phyrius]

O que você pode tentar é colocar uma ação onclick na camada em vai ser arrastada, essa ação setaria um valor numa variavel "camada" e deixaria a camada oculta, por exemplo.

Depois, na função do onmouseover que já está funcionando pra deixar borda na camada de destino, voce poderia chamar uma função capturando o valor da variável setada pra saber se ela deve ou não mostrar a camada "detalhe".

Para mostrar o conteudo da camada "detalhe" na camada "destino" voce pode usar o innerHTML ou coisa do tipo...

[Guest jociel]

O que você pode tentar é colocar uma ação onclick na camada em vai ser arrastada, essa ação setaria um valor numa variavel "camada" e deixaria a camada oculta, por exemplo.

Depois, na função do onmouseover que já está funcionando pra deixar borda na camada de destino, voce poderia chamar uma função capturando o valor da variável setada pra saber se ela deve ou não mostrar a camada "detalhe".

Para mostrar o conteudo da camada "detalhe" na camada "destino" voce pode usar o innerHTML ou coisa do tipo...

alguém tem mis alguma dica esta acima já estou fazendoo

agradeço