Arquivo para Setembro, 2007

Abas com Ajax e Prototype

Script de abas (tabs) muito pequeno. Nesse exemplo abaixo, ele não utiliza mais do que 20 linhas!

abas

Site: http://20bits.com/projects/dynamic-ajax-tabs/

Demo: http://20bits.com/demos/TabbedPane/

Licença: Não especificada.

Busca com resultados em tempo real

Spotlight é um script que permite buscar informações categorizadas na medida que se vai digitando algo no campo do formulário. Com Ajax e PHP.

Busca Ajax PHP

Site: http://dbachrach.com/blog/2007/04/15/spotlight-like-search-as-you-type-with-css-ajax-js/

Demo: http://www.dbachrach.com/blog/wp-content/uploads/2007/04/SpotlightSearch/index.html

Licença: Não especificada.

Galeria de Imagens com Prototype

Script simples, porém com um efeito bem legal. Permite mostrar fotos de uma maneira prática. Utiliza prototype e PHP.

Imagens

Site: http://s202250659.onlinehome.us/galeria/

Demo: http://s202250659.onlinehome.us/galeria/

Licença: Não especificada.

Sweet Titles Tooltip

Script de tooltip para aplicações web. Código pequeno e simples.

Tooltip

Site: http://www.dustindiaz.com/sweet-titles/

Demo: http://www.thinkvitamin.com/misc/yui-demos/demo-11.html

Licença: Creative Commons License.

TreePanel - Customizar painel estilo árvore

Aplicação que mostra um grid com os registros dispostos em formato de menu tree, em árvore de diretórios.

 Tree View

http://extjs.com/deploy/ext-2.0-alpha1/examples/tree/column-tree.html

GridView3 - Grid agrupando registros

Grid com uma ótima interface para o usuário. Agrupa registros, ordena registros por coluna, etc

 Grid Group

http://extjs.com/deploy/ext-2.0-alpha1/examples/grid/grouping.html

jQuery Flash Plugin

Plugin jQuery para animações Flash (arquivos swf). Facilita o trabalho e economiza código.

 jquery flash

http://jquery.lukelutman.com/plugins/flash/index.html

jEditable - Editar no local com jQuery

Clica num bloco de texto, esse pode ser editado dentro de um formulário e posteriormente salvo. Esses scripts podem ser encontrados procurando por Edit in Place.

Edit in Place

http://www.appelsiini.net/projects/jeditable

wForms - Validar campos de Formulário

Script para validar campos de formulário. Valida caracteres alpha, somente números, datas, e-mail, etc

Insere dois arquivos .js no site e chama as funções de validação nos campos de formulário:
<input type=”text” … class=”validate-integer”/>
Muito fácil de implementar e usar.

Valida Form

http://www.formassembly.com/wForms/

Auto Slider - Transacionar imagens e links

Um javascript que funciona como um “auto slider”. Tem algumas pessoas que chamam aplicações como essa de Painel de controle rotativo.

No dia desse post, uol e ig estão utilizando essa técnica para gerenciar parte do conteúdo da página principal.

Auto Slider

http://www.dynamicdrive.com/dynamicindex17/featuredcontentslider.htm