Posts da categoria Prototype

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.

Editar no local com Ajax

Simples script para editar no local (editinplace) com Ajax e Prototype. Possui um efeito interessante.

Edit in Place

http://www.nick-dunn.co.uk/blog/2006/08/animating-editinplacejs-with-moofx/

Recortar imagens com Prototype

Script que permite recortar determinada área de uma imagem. Utiliza prototype e script.aculo.us.

Image Cropper

http://www.defusion.org.uk/code/javascript-image-cropper-ui-using-prototype-scriptaculous/

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

Abrir e fechar Div

“Abre e fecha” divs. Funciona como uma pequena “caixa”, onde você expande ou recolhe ela, clicando no canto superior direito. Utiliza prototype e script.aculo.us.

Abrir Fechar Div

http://www.exit404.com/2005/57/unobtrusive-persistant-scriptaculous-effects

Validar formulários com Prototype

Validação de formulários com Prototype. Muito fácil de utilizar. Valida campos para diversas necessidades: somente número, digítos, e-mail, url, datas, etc.

forms

Site: http://tetlaw.id.au/view/javascript/really-easy-field-validation

Demo: http://tetlaw.id.au/upload/pages/really-easy-field-validation/

Licença: MIT License.

Redimensionar, editar e ordenar em tabelas

Script que possibilita redimensionar colunas, editar no lugar e ordenar registros numa tabela.

Tabela

http://www.millstream.com.au/upload/code/tablekit/

Balões com Ajax

Funciona de maneira semelhante a uma tooltip. Utiliza prototype e script.aculo.us.

Ajax Baloon

http://www.beauscott.com/2006/08/19/ajax-enabled-help-balloons/

Barra de Progresso com Prototype

Barra de progresso (progress bar) para ser utilizada em aplicações web. Pode ser configurada por tempo e eventos. Mecanismo simples.

Barra Progresso

http://livepipe.net/projects/control_progress_bar/