Arquivo para Setembro, 2007

Mover fundo com mootools

Uma aplicação meio estranha, não tinha visto nada parecido. Você pode “passar” uma determinada área, seguindo para outra, como uma espécie de passo a passo.

Fly Over

http://www.dotes.com.br/mootools/FlyOverBackground.html

Slider com Script.aculo.us

Slider com Script.aculo.us. Vertical e horizontal. Pode ser configurado com valores pré-definidos e relacionado com divs.

Slider

http://wiki.script.aculo.us/scriptaculous/show/SliderDemo

Barra de Estrelas com Javascript

Script que permite incluir uma barra de estrelas no website. Para avaliação ou votação.  Fácil de integrar e usar.

Barra Estrelas

http://www.duarte.com/starry/

Cubo animado com imagens e javascript

Javascript que cria uma animação entre imagens, no formato de um cubo. As imagens vão “girando”. Pode-se configurar a velocidade, entre outras coisas.

Cube Rotation

http://www.kawa.net/works/js/animation/cube-e.html

Carrosel Javascript Visualizador de Slides

Visualizador de imagens tipo carrosel. Com botões próximo e anterior.  Possibilidade de colocar links e descrição nas imagens.

Possui muitas variações, como carrosel vertical, horizontal, carregado por javascript, carregado via Ajax, slide show, scrolling, etc

Carrosel

http://www.billwscott.com/carousel/

Extensões para Mootools: drag and drop e resize

Ótimas extensões para a biblioteca mootools. Permite várias funcionalidades, entre elas:

  • Redimensionar textareas, imagens, divs, etc;
  • Drag and drop de um ou múltiplos elementos;
  • Criar modal window, alertas, modal de confirmação, etc;
  • Carregar conteúdo dinamicamente com Ajax;
  • Interface semelhante aos chamados “desktops” com opção para fechar, minimizar, maximizar, redimensionar e mover janelas.

Mootools Drag Drop

http://windoo.110mb.com/index.php

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.

Data Picker com Prototype

Data Picker utilizando prototype e script.aculo.us. Clica no campo data do formulário e aparece um pequeno calendário.

Data Picker

http://www.eulerian.com/en/opensource/datepicker-prototype-scriptaculous

fValidate - Validar formulários com Javascript

Mais um Script para validação de formulários.

Fvalidate

http://web.archive.org/web/20041205013820/www.peterbailey.net/fValidate/demo/

Abrir e fechar div com motionpack.js

Tutoriais ensinando como “abrir e fechar” divs. Tem como criar animação. Já percebi a utilização desse mecanismo em perguntas; clica e aparece a resposta logo abaixo.

Toggle Div

http://www.harrymaugans.com/2007/03/24/one-click-toggle-for-sliding-animated-div/

http://www.harrymaugans.com/2007/03/06/how-to-create-an-animated-sliding-collapsible-div-with-javascript-and-css/

http://www.harrymaugans.com/2007/03/05/how-to-create-a-collapsible-div-with-javascript-and-css/