Drag e Drop com Scriptaculous
Dec 15, 2007 Ajax, Prototype, Tutoriais, scriptaculous
Mais um exemplo/tutorial do PT Ajax.
Neste tutorial explicamos como podemos criar o efeito de drag e drop de uma maneira simples utilizando o prototype e o script.aculo.us.
Começamos com um exemplo bastante fácil mas depois analisamos as varias opções que o script.aculo.us fornece para criar o efeito ainda mais avançado e eficaz.
Espero que gostem do tutorial e por favor votem e deixem o vosso comentário.
Sem mais demoras visitem o tutorial como usar Drag e Drop com Scriptaculous.
Tags: Ajax, Prototype, scriptaculous
February 29th, 2008 as 5:46 pm
Muito bom exemplo!!! parabens!!
Mas como fica o css?
Abraços
February 29th, 2008 as 8:27 pm
Boas Eduardo,
O CSS pode ficar como desejares. Para criares o efeito não há necessidade nenhuma de o CSS ser especifico.
Mesmo assim deixo-te o CSS usado nesse tutorial:
.bloco {
width:150px;
height:100px;
display:block;
border:1px solid #999999;
}
.bloco h4{
background-color:#AAD06B;
}
Como vês o CSS não tem nada de especial.
Obrigado e espero ter-te ajudado.
Abraços
August 21st, 2008 as 5:56 pm
Ola Jota!
esse post ta um pouco antigo, mas gostaria de comentar ainda sim…
Muito interessante o sistema, conheço-o em java, bem parecido.
Bem fica aqui uma duvida, ou melhor, pedido de dica:
Sabe o sistema do Orkut, agora com as novas ferramentas que pode ser adicionada de acordo com o que o user quer, e ainda, ele pode colocar em “VERTICAL OBRIGATORIAMENTE” e automaticamente ao arrastar para cima de uma “ferramenta” ele joga para baixo. Não sei se entendeu o que quero dizer.. Mas gostaria de encontrar esse código e não tenho conseguido construi-lo.. desde já muito obrigado.. Bom trabalho!