jQuery.scrollIntoView

Este plugin se propõe a ser um substituto ao método nativo scrollIntoView. A idéia é fazer o mesmo - rolar a página até que o elemento que evocou o método esteja visível - mas de forma suave - rolando a página, literalmente. Diferentemente do método nativo, esse script irá alinhar o elemento (primeiro do set de elementos encontrados) no centro da janela por padrão. Uma desvantagem é que não podemos alinhar em baixo como o método nativo permite, mas há algumas vantagens adicionais. Aqui podemos centralizar o elemento na página ou em cima, definir o tempo de rolagem e executar uma função callback opcional ao final da rolagem.
Continuar lendo »

Categoria: javascript, jquery
Tags: , ,
3 Comentários

Remover o BOM de arquivos em UTF-8

BOM - Byte Order Mark - é um identificador para arquivos em UTF-8/16/32 (vou ignorar o 16 e o 32 aqui), teoricamente para dizer ao interpretador/editor que se trata de um conteúdo codificado como UTF-8, mas o fato é que, em quase todas as circunstâncias, ele é dispensável.

Caso o seu interpretador não reconheça a codificação, você poderá ver algo como "" no início de arquivos em utf8 - na verdade antes do início do arquivo, o que faz com que esse código só seja visível em caso de erro - normalmente ele só será visível num editor hexadecimal. Continuar lendo »

Categoria: Funções
Tags: ,
3 Comentários

Konami Code em sites web, mas pra quê?

Quando descobri o Konami Code Sites e vi que sites como Digg, jQuery, FaceBook e muitos outros haviam aderido àquela brincadeira, comecei a navegar pelos sites e ver o que cada um aprontava ao executarmos o Konami Code.
Bem divertido! Logo pensei: vou fazer um desses pra mim...

Achei então um script da família Google, o konami.js, que oferece suporte também para iPhone e adiciona um [Enter] no fim do famoso código antes de executar a função (como em alguns games). Mas qual seria a graça em usar um script pronto? (nenhuma, claro! ;) ) O caso é que escrevi o meu próprio script... Não tem contagem de tempo entre as teclas digitadas, apenas identifica a sequência correta e chama a função konamiFunction, se existir. Funciona direitinho.

Maneiro! Aí fui comentar (empolgado) com meu amigo Guga e ele perguntou: legal, mas pra que serve isso? A pergunta pegou na veia. "Não sei, pra brincar...", respondi. E fiquei pensando naquilo - que ainda não tinha passado pela minha cabeça... Continuar lendo »

Categoria: javascript
Tags: ,
1 Comentário

fakeFile: como estilizar um input type=file

Pois é, essa era uma questão incômoda para mim até algum tempo atrás. É impossível! inputs com type=file não aceitam quase nenhuma regra CSS e, a não ser que estejamos trabalhando com formulários sem formatação, ficam sempre destoando, "quebrando" o layout do formulário.

Então, na busca de soluções possíveis, encontrei algumas baseadas nessa lógica, que pareceu ser a única viável e que consiste em tornar o input invisível com a propriedade opacity e e então colocá-lo por cima de uma imagem, que deve simular o elemento. Bacana, mas como cada browser renderiza o input de um jeito diferente (tamanhos do campo de texto e do botão), dificilmente a nossa imagem correspoderia ao tamanho do botão, o que provocaria confusões quanto ao local do clique.

Continuar lendo »

Categoria: Funções
Tags: ,
4 Comentários

Mostrar uma mensagem quando input está vazio

Sabe aquelas caixas de busca que mostram, por exemplo, "Buscar" e que quando colocamos o foco, o texto some para escrevermos o que quisermos? Vamos mostrar aqui uma função javascript para aplicar essa funcionalidade a elementos input.

Continuar lendo »

Categoria: Funções, javascript
Tags:
3 Comentários