Drag e Drop com Scriptaculous

Artigo publicado em December 15, 2007 as 9:31 pm

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.

2 Comentarios to “Drag e Drop com Scriptaculous”

  1. Eduardo Says:
    February 29th, 2008 at 5:46 pm

    Muito bom exemplo!!! parabens!!

    Mas como fica o css?

    Abraços

  2. Jota Says:
    February 29th, 2008 at 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

Wisemapping Magento Ecommerce TaskFreak
MooFilm Flexigrid ProtoFlow

Drag e Drop com Scriptaculous

Drag e Drop com ScriptaculousEste tutorial consiste em explicar como usar o prototype e o script.aculo.us para criar o efeito drag e drop. Analisamos todas as opções, mostramos como criar com exemplos práticos e visuais.

Uff.. Como usar Prototype para pedidos em Ajax.

Como usar Prototype Neste tutorial explicamos como podes começar a dar os teus primeiros passos na famosa framework prototype, um simples tutorial onde é explicado como podes fazer os teus primeiros pedidos em Ajax.