CRIR – Checkbox & Radio Input Replacement
Por:
Wednesday 11 April 2007 às 11:22Categoria: HTML / CSS / JavaScript
O CRIR (Checkbox & Radio Input Replacement) é uma combinação de JavaScript com CSS que permite você personalizar a aparência dos elementos checkbox e radio button, trocando-os por imagens. Este script é muito útil quando você quer ter uma interface 100% personalizada. O mais importante do script é que ele é 100% não obstrusivo, ou seja, se desabilitar o javascript do seu browser você passa a ver os checkbox e radio buttons normalmente, com a aparência padrão que seu browsers está acostumado a renderizar.
Para implementar, basta linkar o script (isto é óbvio pra você, certo?) e a folha de estilos específica para ele e adicionar uma classe no elemento (ou checkbox ou radio button) que quer que o javascript substitua pelas imagens previamente preparadas por você. Vale lembrar que existe algumas declarações no CSS responsáveis pelo endereçamento das imagens que deve substituir os elementos nos status de selecionado e não selecionado. No site do criador do script ele dá as dicas com mais detalhes de como implementar. O script é gratuito e pode ser baixado aqui! Meu conselho é que leia o texto do autor antes de tentar fazer alguma mágica!
Artigos relacionados:
- Falso hover no Internet Explorer
- swfir – SWF Image Replacement
- CSS Tooltip
- Button Replacement
- Animated Scroll em JavaScript
- Dynamic Text Replacement
- Acessibilidade, Validações e Mecanismos de Busca
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!

O Revolução Etc é o site pessoal do Henrique C. Pereira que trabalha com design de interfaces, planejamento, arquitetura da informação e desenvolvimento para web. Ele escreve aqui sobre várias coisas relacionadas com acessibilidade, web standards, tecnologia, desenvolvimento e o que mais der na telha, além de eventualmente escrever alguma coisa ou outra para o Webinsider. 

# 1° Julio Fragoso Wednesday 11 April 2007 às 11:47GMT
muito bom isso, e o fato de ser 100% não obstrusivo é importantíssimo para as interfaces de hoje em dia, no qual se pensa muito no usuário final.
Parabéns pela “descoberta”