Esta é minha lista de artigos com a tag "JavaScript"

Locais de acessos baseados no GOOGLE MAPS

Por: Flávio Theruo KaminisseSaturday 5 November 2005 às 7:33 AM

Neste post vou falar sobre um serviço da Internet que eu descobri a pouco tempo e que achei muito interessante, é o Gvisit, mas o que é isso?

É muito simples, é um serviço que mostra, baseado no GOOGLE MAPS a localização das visitas de seu site, ou seja, mostra um mapa como a imagem.

Para se registrar gratuitamente neste serviço, basta acessar o site do Gvisit, e preencher os dados necessários (Site Name e Site URL), e depois copiar a linha javascript da próxima página, e colocar no seu site, muito simples.

Encontrei este serviço no site WordPress Brasil que é muito interessante.

Você ainda conta com uma listagem das cidades de acesso ao seu site, como este exemplo:
November 4, 2005 02:11 pm: Belo Horizonte, Minas Gerais
November 4, 2005 12:55 pm: São Carlos, São Paulo
November 4, 2005 12:52 pm: Natal, Rio Grande Do Norte
November 4, 2005 10:35 am: São Paulo, São Paulo
November 4, 2005 10:31 am: Rio De Janeiro, Rio De Janeiro
November 4, 2005 07:37 am: São Paulo, São Paulo
November 4, 2005 06:49 am: Uberlândia, Minas Gerais
November 4, 2005 06:33 am: Vienna, Wien
November 4, 2005 05:15 am: São Bernardo Do Campo, São Paulo
November 4, 2005 05:05 am: Viseu, Viseu
November 4, 2005 03:56 am: São Paulo, São Paulo

Redimensionar Imagem

Por: Flávio Theruo KaminisseSaturday 22 October 2005 às 9:21 AM

Carlos Pereira da Costa perguntou-me como eu maximizava a foto no post do Meu Noivado. Na verdade, eu não maximizo a foto, eu tenho uma miniatura no post e uma foto maior, mas existe uma coisa bastante curiosa: a janela utilizada para abrir a foto maior.

Esta se redimensiona de acordo com o tamanho da imagem que estou tentando abrir, ou seja, posso utilizar esse mesmo script para abrir qualquer imagem. Essa idéia é bastante interessante pois não preciso saber o tamanho da imagem que será aberta, e nem necessito ter um tamanho fixo para as imagens de um site, o que me dá bastante flexibilidade.

Quem quiser dar uma olhada neste script, basta Clicar Aqui, e para dar uma olhada na função que deve ser chamada para abertura da imagem ampliada, basta Clicar Aqui.

Se o script der algum problema, e/ou ficar alguma dúvida, basta deixar um comentário que estarei respondendo o mais breve possível.

Quem leu até aqui deve estar se perguntando onde esta o redimensionamento da imagem, na verdade, a imagem vai ser redimensionada se ela ultrapassar a resolução utilizada pelo visitante do site.

Esse script foi sobre como utilizar duas imagens, uma pequena e outra grande para obter esse efeito. No meu próximo post, que espero ser o mais breve possível, estarei escrevendo sobre como gerar automaticamente os famosos thumbnails utilizando o PHP, acredito que muita gente já conhece, mas ainda assim, vale a pena escrever.

Esperem e aguardem.

Validações e Expressões Regulares

Por: Flávio Theruo KaminisseWednesday 31 August 2005 às 9:17 AM

Minha intensão com este post não é explicar tudo sobre o assunto, pois seria muita pretensão da minha parte, apenas quero mostrar as utilidades e facilidades de se usar Expressões regulares.

Expressão regular é um método formal de se especificar um padrão de texto, ou seja, é uma composição de símbolos, caracteres com funções especiais, que, agrupados entre si e com caracteres literais, formam uma seqüência, uma expressão. Essa expressão é interpretada como uma regra, que indicará sucesso se uma entrada de dados qualquer casar com essa regra, ou seja, obedecer exatamente a todas as suas condições.

Esta definição e o exemplo foram retirados do Guia de Expressões Regulares do Aurélio Marinho Jargas.

Ou seja com expressões regulares podemos procurar padrões em textos bastando para isso, construirmos uma expressão adequada, ou então, como mostrarei abaixo, podemos utilizar expressões regulares para validar formatos.

Mas como assim validar formatos?

Vamos construir uma expressão regular para validar uma data, exemplo completo nesta página do Guia de Expressões Regulares.

O que é uma data? Considerando o padrão brasileiro, é uma seqüência de dois números uma barra mais dois números mais uma barra e mais quatro números, em suma podemos dizer que 99/99/9999 representa o formato de uma data!

Como o meu intuito não é ensinar, mas sim dispertar o interesse sobre o assunto, vou partir do resultado final, se vocês querem aprender sobre Expressões Regulares, recomendo que leiam o Guia de Expressões Regulares.

Uma Expressão Regular que pode ser utilizada para validar uma data é a seguinte (Seguindo uma sugestão do Aurélio, vou colocar a expressão mais espaçada para facilitar o entendimento):

( 0[1-9]|[12][0-9]|3[01] ) /

( 0[1-9]|1[012] ) /

[12][0-9]{3}

Nossa mas o que é isso? Calma que eu vou tentar explicar, mas é melhor irmos por partes:

1º) Para validar os dias utilizamos -> (0[1-9]|[12][0-9]|3[01]), significa que a expressão considera válido tudo aquilo que iniciar com 0 (zero) e vier seguido de qualquer número de 1 a 9 ([1-9]) ou então ( | ) tudo que iniciar com 1 ou 2 ([12]) e vier seguido de qualquer número de 0 a 9 ([0-9]) ou então ( | ) tudo que iniciar com 3 e vier seguido de 0 ou 1 ([01]), o que significa que esta expressão só reconhece como válido números entre 01 e 31, ou seja, tirando alguns meses particulares validamos qualquer dia de uma data.

2º) A validação dos meses é semelhante -> (0[1-9]|1[012]), ou seja, reconhece como válido números entre 01 e 12, não preciso mais me preocupar com qualquer mês que seja digitado na data.

3º) Para validar o ano utilizamos -> ([12][0-9]{3}), significa que a expressão reconhece como válido qualquer número que se inicie com 1 ou 2 ([12]) seguidos de números entre 0 e 9 ([0-9]), sendo que estes se repetem 3 vezes ({3}), ou seja, reconhece como válido números entre 1000 e 2999.

4º) Já ia me esquecendo das barrinhas (/) que devido a sua posição, apenas reconhece como válido datas digitadas no formato dd/mm/yyyy.

Que conclusão podemos tirar?

Que com apenas uma linha não tão complexa assim, podemos praticamente validar qualquer data, é lógico que temos que levar em conta os meses que não tem 31 dias e também fevereiro que se for um ano bissexto tem 29 dias e se não for ano bissexto tem 28 dias, mas tirando estes pequenos detalhes com apenas uma linha faço a análise se a uma data é ou não válida.

Para aqueles que se interessarem fiz a função que valida data, utilizando a expressão regular acima, e validando também os meses que não tem 31 dias e também o mês de fevereiro, considerando se é ou não bissexto, nunca vi isso antes num blog, mas vou colocar um campo para testes, lembrando que o formato da data é dd/mm/yyyy.

Fiquem a vontade, para baixar e usar a função, apenas gostaria de um retorno, informando se a função atendeu bem às necessidades, ou se ela tem algum erro, fiquem a vontade para comentar se a função estiver errada. Download

[update 26/03/2006 16:10] Corrigido o link de download do script de validação de data [/update]