w3AlertBox – Solução para customizar o Alert Box do JavaScript

Acredito que você sempre sentiu a necessidade de customizar o Alert Box do Javscript. E sentiu-se frustrado por não ser possível e ter percebido que aquela janelinha não poderia se enquadrar à identidade visual do seu site.

Mas agora seus problemas acabaram (meio tabajara essa frase né, rs…), criei o w3AlertBox que é uma solução para customizar o Alert Box do JavaScript, deixando-o como você julgar necessário :)

Você poderá alterar o título da janela do Alert Box, inserir códigos HTML na mensagem, tudo de forma muito simples e prática. E o melhor de tudo que você gastará apenas 1 (eu disse uma) linha de código para isso.

Um exemplo:

w3AlertBox.show('mensagem aqui','título aqui');

Para usar códigos HTML, faça o seguinte:

w3AlertBox.show(varQueContemOsCodigos,'título aqui',true);

Informando o terceiro parâmetro como true, você indica que usará códigos HTML.

Para baixar o w3AlertBox e saber mais detalhes a respeito, acesse: w3AlertBox – Solução para customizar o Alert Box do JavaScript.

Firefox 2.0 e o atributo HTML Accesskey

Alguns sites que eu visito regularmente disponibiliza algumas “hotkeys” através do atributo HTML accesskey, mas, de uns dias pra cá eu notei que tal recurso não estava funcionando mais e ao observar o código fonte das páginas que oferecia tal recurso, o atributo continuava configurado da mesma forma.

Nota: Se você não não conhecia a serventia do atributo HTML accesskey: Leia.

Ao me deparar com um post no blog do Newshutch descobri o por que disso tudo. O Firefox mudou sua maneira de interpretar o accesskey.

Na versão 2.0 do Firefox, ele interpreta o atributo assim:

Alt + Shift + hotkey definida

Em versões anteriores sua interpretação era assim:

Alt + hotkey definida

E a configuração do atributo é feito assim:

... accesskey="z" ...

O porque da modificação foi para evitar conflitos entre as hotkeys do navegador e as definidas na página. Por exemplo, imagine que você tenha definido o seguinte: accesskey=”s” para acessar o campo de busca, mas Alt + S acessa o menu History (no Firefox 2.0 em inglês).

Agora venhamos, o atributo accesskey não é muito utilizado, acredito que agora menos ainda.

Outro detalhe importante que os desenvolvedores precisam saber que agora qualquer accesskey com números, tipo: accesskey=”3″ será ignorado.

Pesquisei em alguns artigos sobre o assunto, se lhe interessar:

Camada de conteúdo – a(o) mãe(pai) de todas as outras

Esta é a primeira e mais importante das camadas, a camada de conteúdo – ou estrutura / marcação como outros a chamam – é onde o conteúdo fica armazenado juntamente com as tags HTML que irão definir o que cada parte do conteúdo significa, dando a ele um valor semântico.

Essa camada ainda é a responsável em intercalar as outras duas – de apresentação e comportamentos – ou seja, ela faz uma ligação até essas duas camadas para que elas possam estar intercaladas entre si.

Para exemplificar visualmente, teríamos o seguinte:

Ligação entre camadas de desenvolvimento web - html - css - js

Ou seja, a camada de conteúdo – HTML – fazendo uma ligação a camada de apresentação – CSS – e a camada de comportamento – JavaScript.

A forma como esta ligação é feita é super simples e acredito que você já conhece. Mas, mesmo assim, vejamos como isto acontece:


...