Feb242007

Gerador de ano de copyright via DOM

Simple DOM Copyright Year Generator

Deseja atualizar os anos de copyright de sua página, automaticamente, sem comprometer a sua marcação? Deseja, ainda, integrar essa atualização à estrutura de microformats que você já possui? Então, eis uma técnica simples de como atualizar automaticamente os anos de copyright de uma página web, via DOM.

Look to a simple way to automatically update the copyright year of a web page. Check it out!

Conceito

A lógica é simples: dado um ano, caso ele seja maior que o ano de criação do site, este é adicionado ao ano de copyright da página.

  1. var firstYear = els[i].innerHTML; // Ano retirado do site
  2. var currentYear = new Date(); // Data corrente
  3.  
  4. currentYear = currentYear.getFullYear(); // Ano corrente, ajustado para 4 dígitos (formato para todos os browsers).
  5.  
  6. if (currentYear > firstYear) { // Se o ano corrente for maior que o ano do site.
  7. els[i].innerHTML = els[i].innerHTML + " - " + currentYear; // Ano do site recebe o ano de criação, mais o ano corrente.
  8. }

Na notação acima, els[i].innerHTML representa todas as classes encontradas no site para a representação do ano de criação.

Como fazer funcionar?

Basta inserir o ano de criação do site dentro de um <span>. O resto deixe por conta do script!

Exemplo:

  1. <span class="copyright year">2007</span>

Resulta em1:

1 – Adiante a data de seu Sistema Operacional em 1 (um) ano para poder ver este exemplo em ação.

2007

Mas… Por que “copyright year”?

Lembra dos microformats? Pois então. Esta minha escolha de classes foi idealizada exatamente para não comprometer o seu uso.

Colocando para funcionar

Para fazer o Copyright Generator funcionar em seu site, basta baixar o arquivo copygen.js, inserí-lo na lista de scripts do <head> de sua página e utilizar o <span class="copyright year"></span> para receber o ano de criação do seu site. Enjoy! ;)

Poste um comentário




Você pode utilizar as seguintes tags para formatação: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="">

Oscomentários

Comentários diversos dos visitantes

Ciro Feitosa disse:

Muito bacana essa linha de artigos. A parte de modelagem de dados costuma ser feita com bastante atenção, pois um DER bem feito, é quase que o "coraçã...

RamonPage disse:

Pessoal, Foi uma instabilidade de servidor. Está tudo regularizado! Abs....

Jefferson S. Siqueira disse:

Bom pessoal, apenas complementando o comentário do mestre. A CSS existe para padronização web, a tag TABLE, desde o princípio do HTML é usada para ...

André disse:

Nos últimos dias tenho tentado acesso a revisor da nova grafia e ñão está funcionando. Está em férias? Abraço do fiel usuário, André...