Plugin para ordenar, paginar e pesquisar em tabelas HTML

rai3mb

Configura uma tabela permitindo que ela seja pesquisada, ordenada e paginada Uso o seguinte plugin que desenvolvi nos meus projetos e resolvi compartilhar com a comunidade (o mesmo ainda receberá alguns pequenos ajustes, mas já é perfeitamente utilizável) Parte baseado na ideia do plugin: tablesorter.com, não fiz um fork dele, apenas usei por um mês e tive a necessidade de incrementar a pesquisa diretamente nos dados retornados na tabela, e para fazer o resto funcionar acabei escrevendo as demais funcionalidades também. * Testado no Firefox >= 3.6, Internet Explorer >= 6 e Chrome Para usar a tabela alvo deve ter a estrutura thead, tbody, conter o cabeçalho com th, e está dentro de um elemento qualquer, como um div com id='relatorio', bastando no seu código java script usar: $('#relatorio').tablefind(); - Ordenar: A ordenação é padrão, basta clicar sobre o título (th) da coluna desejada e a tabela será ordenada (alguns dados ainda carecem de uma melhor adaptação do plugin para que a ordenação seja mais eficaz, estarei desenvolvendo...). - Paginar: Para adicionar a possibilidade de paginar coloque dentro do seu div, elementos com as seguintes classes css (o que também pode ser alterado, caso você precisar): &lt;a href='#' class='first'>Primeiro</a> &lt;a href='#' class='prev'>Anterior</a> &lt;a href='#' class='next'>Próximo</a> &lt;a href='#' class='last'>Último</a> Adicionalmente você pode colocar um input para exibir o total de páginas e a página atual, permitindo ainda que o usuário insira diretamente o número da página que deseja visualizar: &lt;input type='text' class='pagedisplay' /&gt; Pesquisar: Para permitir a pesquisa na tabela, basicamente temos que usar os seguintes componentes dentro do div que contém a tabela e os demais ítens: <select class='findselect'></select> &lt;input type='text' class='find'/&gt; * Esse e o uso básico. Pra mais exemplos de uso e o manual, que ainda estrou construindo, acessem: http://portela.tendalinux.com/projetos * Qualquer feedback será muito bem vindo.

Por: Raimundo Alves Portela

Modelo de Menu

nexushu

Menu em formato de caixa e otimo para blogs e Hpgs

Por: Gianck malukito

Adicionando um texto em movimento em html

removido

Utilize esse código para adionar um testo em movimento em sua página html

Por: Perfil removido

Máquina de estado finito

gigiow

Este é um exemplo de uma Máquina de estados em java script... Créditos para João Dovicchi, Professor de Estrutura de Dados.

Por: Giovanni Won Dias B. Victorette

Cálculo de frete/correios utilizando Ajax

ruhanbidart

O script realiza o cálculo do valor do frete nos correios utilizando apenas Ajax. Para utilizar este módulo, faça da seguinte maneira: function callback(dados) { alert('O valor total é R$' + dados['preco_postal']); } Correios.calcular(callback, null, '33000-000', '33000-001', peso=5); Não se esqueça de ler as instruções. É indispensável que você faça uma regra no apache e que modifique o atributo "url" do protótipo Correios.

Por: Ruhan Bidart