Shiguenori

Este plugin transforma automagicamente os dados de uma tabela em um gráfico. Isso mesmo, o plugin faz a mágica de transformar dados tabulares em uma interface mais amigável ao usuário.

Continuar lendo »

Droppable – permite que qualquer elemento DOM possa ser uma área/alvo para elementos arrastáveis.

Opções:

• acept – Seletor para os elementos que podem ser arrastados até o elemento.
• activeClass – Se especificado a classe será adicionada ao elemento alvo enquanto o elemento arrastável começar a se mexer.
• addClass – Valor booleano que permite ou evita que a classe padrão ‘ui-droppable’ seja adicionada. Utilizada geralmente para otimizar a performace da função, quand iniciada por vários elementos.
• greedy – Valor booleano que impede a propagação de eventos de vários alvos.
• hoverClass – Se especificado, adiciona a classe ao alvo enquanto o elemento arrastável se move.
• scope – Usado para agrupar conjuntos de elementos arrastáveis e áreas, além de aceitar opção alvo. Os elementos arrastáveis com o valor mesmo alcance que um alvo serão aceitos.
• tolerance – Especifica qual o modo de usar para testar se um elemento arrastável é ‘over’ de um alvo. Valores possíveis: ‘fit’, ‘intersect’, ‘pointer’, ‘touch’.

Continuar lendo »

Esta categoria de plugins do jQuery englobam todas as funcionalidades que dependem de uma ação do usuário, em geral com movimentos do mouse, como: arrastar, soltar, redimensionar, selecionar e ordenar.

Draggable – permite arrastar qualquer elemento, o movimento é acionado ao pressionar e segurar com o mouse.
Continuar lendo »

Estava procurando umas dicas para CSS e encontrei no my.opera.com uma dica meio intrigante para o IE8.

Continuar lendo »

Acho que hoje eu tava inspirado (ou pra compensar a ausência de posts por aqui).

Depois de ter adaptado o método de CNPJ para o validate, fiz um outro método que não sei por qual motivo não estava presente no source original do validate, uma função para valores distintos entre dois campos. Como vocês sabem, ou pelo menos alguns de vocês, existe o método “equalTo:’#id_do_seletor’”, por qual motivo o pessoal que desenvolveu o plugin não criou o “notEqual“?

Continuar lendo »

Este problema peculiar do Internet Explorer 6, faz com que determinados elementos tenham 3px adicionados quando se utiliza o float. Para resolver este problema é necessário usar um “display:inline-block;” para alinhar verticalmente o elemento e reduzir o padding de 3px para voltar a ficar semelhante com os demais navegadores.

Se você estiver usando o IE6 você verá a quebra que ocorre no primeiro quadro e no segundo sua forma corrigida (sem nenhum hack de css). Nos demais navegadores ambos os quadros estarão identicos.

Veja o Exemplo

Recentemente tive “corrigir” um pequeno problema que ocorre no navegador do Google, o Chrome. A validação de data do jQuery.validate faz a verificação da data pelo formato americano, ou seja, se você informasse 30/05/2009 (30 de maio, ou qualquer outro dia maior que 12) o validate interpreta no Chrome como dia 5 do mês 30. Beleza, vou procurar um método para validar a data para a localidade brasileira.

Continuar lendo »