Arquivos Categoria

Flexigrid para jQuery dá uma nova vida as tuas tabelas

Artigo publicado em March 25, 2008 as 10:22 am

Uma das coisas que mais gosto é extensões que modifiquem as minhas tabelas.

Especialmente porque escrevo várias aplicações para sistemas que correm em intranet. Muito desses sistemas são relatórios de data.

Por exemplo top 100 produtos do mês, top 100 clientes, top vendas por áreas, etc.

E no inicio dos inícios para mostrar a informação usava tabelas simples, com paginação e poder organizar por ordem.

Mas claro sempre que o usuário carregava nessa opção lá ia o pedido até ao servidor e voltava para trás.

Mas pronto, chega de chatear com a minha experiência.

Flexigrid é para os programadores que usam jQuery e permite modificar tabelas normais para super tabelas.

Algumas das modificações que permite são:

  • Poder ajustar o tamanho das colunas
  • Poder ajustar o altura
  • Organizar por ordem alfabética e numérica uma coluna bastando clicar na header
  • Interface bastante agradável
  • Converte qualquer tabela
  • Habilidade para usar Ajax
  • Paginação
  • Poder ocultar colunas

Olhem só para a beleza desta tabela:

Flexgrid tabela

Drag e Drop em tabelas com jQuery

Artigo publicado em March 3, 2008 as 12:07 pm

TableDnD

TableDnD é uma extensão para jQuery que permite criares o efeito de drag e drop em cada fila da tua tabela.Dá jeito para quando queres ter uma lista de tarefas, e queres deixar os teus users poderem reorganizar a lista.

Pretty Comments, modifica a tua textarea.

Artigo publicado em February 7, 2008 as 10:10 am

Esta extensão faz me querer ter um projecto em jQuery.

Pretty comments permite modificar a uma textarea de uma forma especial. Quantas vezes estas a escrever um comentário num blog e quando o espaço acaba aparece uma scrollbar de lado?

Pois bem pretty comments faz maravilhas, em vez de aparecer a scrollbar de lado apenas expande o tamanho da textarea.

O melhor de tudo é que se removeres o texto a textarea encolhe automaticamente.

Agrada-me bastante esta pequena e simples extensão é pena só funcionar com o jQuery.

jQuery 1.2.2, 300% mais rapido!!

Artigo publicado em January 15, 2008 as 9:11 pm

jQuery 1.2.2 acabou de ser lançado para o publico.

Uma das primeiras novidades que faz pensar é o facto de afirmarem que esta 300% mais rapido do que a versão anterior.

E pelos testes realizados pela a equipa atras do jQuery sem duvida que conseguiram.

Por exemplo testado em Firefox 3 passou de 0.033 para 0.01.

Outros pontos interessantes é um novo plugin que permite criar eventos para ratos que tenham a roda para andar para cima e para baixo.

É também de dar os parabens pelo o facto de jQuery fazer hoje dois anos de existência.

Facebox 1.0 lightbox para imagens, divs e paginas

Artigo publicado em January 8, 2008 as 8:33 pm

FaceboxFacebox 1.0 foi lançado por FamSpam e permite criar o efeito lightbox.
Sim é mais uma versão das 500 já disponíveis, mas esta extensão introduz algo novo, em vez de so criar o efeito em imagens permite também criares o efeito sobre divs ou mesmo paginas remotas.
Fácil de usar e de integrar Facebox 1.0 pode ser mais do que a típica Lightbox.
Para poderes utilizar esta extensão precisas também de integrar a framework jQuery.

jQuery Thumbnails de maneira fácil

Artigo publicado em January 7, 2008 as 9:09 pm

Uma nova extensão para quem usa jQuery e PHP, easyThumb permite criar thumbnails a partir de uma lista de imagens em tempo corrido(on-the-fly).

Basicamente usa php para criar as thumbnails, a extensão para criar a lista e lightbox para criar a galeria.

Visitem easyThumb para fazerem o download, e tambem podem ver um exemplo aqui.

Pagina 1 de 212»

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.