Bookmarklet Microformats

Por: Henrique Pereira

Categoria: HTML / CSS / JavaScript

Microformats é uma coisa que com certeza está fazendo minha cabeça! Navegando por ai encontrei um parser de microformats que varre seu HTML em busca dehCard e hCalendar quando você clica no bookmarklet que você vai colocar no seu browser. Como resultado ele mostra uma tela com os ítens encontrados e permite você selecionar o ítem que quiser e converter/exportar para .vcf (formato vcard) e .ics (formato icalendar) para ser importado por seu programa favorito!

Um bookmarklet (também conhecido como favelets) é um script pequeno que pode ser armazenado em uma url em um bookmark no seu browser (ou em um hyperlink no seu site) e que pode ser ativada apenas com um click! Para adicionar o bookmarklet microformats no seu browser (Firefox, Opera e Safari), basta inserir um item na navigation toolbar e adicionar o seguinte script:

javascript:if%20(!document.getElementById('MF_jq'))%20{var%20q=document.createElement('script');q.setAttribute('id',%20'MF_jq');q.setAttribute('src',%20'http://leftlogic.com/js/jquery.js');document.getElementsByTagName('body')[0].appendChild(q);}%20var%20s=document.createElement('script');s.setAttribute('id','MF_loader');%20s.setAttribute('src',%20'http://leftlogic.com/js/microformats.js');document.getElementsByTagName('head')[0].appendChild(s);void(s);

Ou então pressione o botão do mouse e arraste o link abaixo para a mesma navigation toolbar:

Microformats

Para encontrar microformats teste no meu site por exemplo. E se quiser ver uma página com vários hCard e vários hCalendar implementados, visite este site que possui vários trechos dessas duas especificações. Lembre-se que quanto maior for o HTML, mais o script demora para varrê-lo todo atrás de microformats. Por isso pode haver um pequeno delay.

Por causa da forma como este script foi desenvolvido ele não funciona em sites com o mime-type application/xhtml+xml. Faça o teste no Adactio por exemplo. Eu tive que trocar o mime type do meu próprio site para text/html para poder funcionar e escrever este texto. Eu já entrei em contato com o autor do script e dei este feedback a ele. Se alguém quiser pegar os scripts dele e tentar alterar de forma que funcione em sites application/xhtml+xml tanto quanto text/html, sinta-se á vontade! Darei os créditos aqui e tenho certeza que o cara do Left Logic fará o mesmo.

Este bookmarklet foi criado por Left Logic

Artigos relacionados:

• Microformats no Technical Plenary Week
• Reinventando o HTML: o futuro da linguagem de hypertexto
• Microformats: o mundo de significado do atributo class
• Bill Gates: "We need Microformats"
• Microformats: XOXO
• Quer ganhar um curso da Visie de Microformats?
• Technorati, Pingerati e Microformats Search

Este texto não pode ser copiado ou reproduzido em nenhum outro site na íntegra sem autorização do autor!. Mais detalhes sobre licença de uso aqui!