Drag and Drop dinâmico com jQuery e PHP

Permite fazer drag and drop e salvar a posição no banco de dados.

jquery-drag-n-drop

Site: http://www.webresourcesdepot.com/dynamic-dragn-drop-with-jquery-and-php

Demo: http://www.webresourcesdepot.com/wp-content/uploads/file/jquerydragdrop/

Licença: Free.

Grid com jQuery - jqGrid

jqGrid é um dos mais completos grids que atualmente você poderá encontrar. Possui uma ótima documentação e inúmeras funcionalidades, entre elas destacamos:

  • Integração com PHP e MySQL;
  • Carrega os dados via Ajax;
  • Busca e filtros otimizados;
  • Paginador;
  • Ordenação e redimensionamento de colunas;
  • Mostrar e esconder colunas;
  • Editar os registros das linhas no lugar;
  • Grid com sub-grid (mestre e detalhe);
  • Drag and Drop de linhas;
  • Toolbar.

jqgrid

Site: http://www.trirand.com/blog/

Demo: http://www.trirand.com/jqgrid35/jqgrid.html

Licença: GPL e MIT licenses.

Abas com opção de fechar

Além da opção de abas standart esse script possui a funcionalidade de drag and drop e opção para fechar as abas.

yahoo-tabs

Site: http://www.nodetraveller.com/blog/javascript/another-tabbed-interface/

Demo: http://www.nodetraveller.com/sandbox/moduleTabs/standard.php

Licença: Não especificada.

Script para Portal estilo iGoogle

Para sistemas web estilo desktop, com janelas onde é possível mover blocos de conteúdo. Aplicação que lembra portais no estilo web 2.0, como o iGoogle e o netvibes.

prototype-portal

Site: http://blog.xilinus.com/2007/8/26/prototype-portal-class

Demo: http://blog.xilinus.com/prototype-portal/test/index.html

Licença: MIT License.

Janelas e Desktop em Ajax com Prototype

Sistema Desktop utilizando Ajax com a biblioteca javascript Prototype.

Você pode criar, arrastar (drag and drop), redimensionar, fechar mini janelas no seu site.

Com suporte a temas; então você poderá criar diferentes tipos de janelas.

Desktop Prototype

Site: http://prototype-window.xilinus.com/index.html

Demo: http://prototype-window.xilinus.com/samples.html

Licença: MIT License.

ToolMan Drag and drop

Quando falamos em drag and drop temos que dar uma conferida na biblioteca ToolMan DHTML Library.

Com ela é possível fazer draggable com divs e listas; bem como trabalhar com edit in place.

toolman-drag-and-drop

Site: http://tool-man.org/examples/

Demo 1: http://tool-man.org/examples/dragging.html
Demo 2:  http://tool-man.org/examples/sorting.html

Licença: Observação de copyright e aviso de permissão em todas as cópias ou partes substanciais do sistema.