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>

Oscomentários

Comentários diversos dos visitantes

Highlander disse:

(wow) Atualização no seu site, que milagre (6) Ficou r0x o layout....meio cara de Ubuntu, mas tá bom :D...

Camilo disse:

Conheço alguns programadores que reclamam muito do Firefox. Falam que ele não suporta muitos plugins e recursos que o IE suporta e pelo fato de o I...

Cíntia Antunes disse:

Bom, não vi tanta diferença, mas há... Parabéns pelo trabalho!!! Abraços! Obs: Não tem nada de "doido mssssm" no layout (6)...

Yogourt disse:

Eu estava reparando aqui... tá faltando um acento agudo no logo... (wtf) (6) Brincadeira! (hap) Pra que serve aquela caixinha abaixo da formataç...

RamonPage disse:

Olá Monica! Que honra! Respondendo ao que você disse sobre qualidade, o ponto que passo neste artigo é o da qualidade no desenvolvimento das soluçõ...

Quemsou

Uma prévia de quem é RamonPage

Avatar RamonPageMeu nome é Ramon Bispo. Sou web developer/ designer e natural do Rio de Janeiro, Brasil. Saiba mais sobre mim…