w3AlertBox - Solução para customizar o Alert Box do JavaScript
December 14th, 2006. Published under add-on, freeDOM.js, html, javascript. 18 Comments.
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.
18 Comments
leandro on December 14th, 2006
Olá Otavio,
Você pode testá-lo aqui:
http://leandro.w3invent.com.br/addons/freedom/w3alertbox/
Um abraço.
Pedro Rogério on December 14th, 2006
Legal cara, só que testei aqui no Opera 9.02, a versão sem códigos HTML, quando você clica no OK, ele não fecha a Janela, agora a outra versão já está ok. Interessante!!!
leandro on December 14th, 2006
Obrigado Pedro pelo toque.
Corrigi o problema
Um abraço.
Gustavo Paes on December 14th, 2006
Olá Leandro…
Pode colocar na tabela de Browser o IE7 tbm 
Rodou a versão com e sem HTML!
Uma coisa legal seria a tabela aparecer no centro da tela, ou pelo menos no topo dela, mesmo dando scrool, ela ficar visível!
[]s
Gustavo
leandro on December 14th, 2006
Opa Gustavo,
Maravilha, incluirei ele na lista
Esse recurso que você citou ” [...] aparecer no centro da tela, ou pelo menos no topo dela, mesmo dando scrool [...] ” eu incrementei no w3FormValidation e pretendo fazer o mesmo com o w3AlertBox em breve.
Mas valeu pela dica.
Um abraço.
Marcus Danillo on December 14th, 2006
Só para ajudar na tabelinha:
Firefox 2.0 no Linux está OK.
Konqueror está quase perfeito, só tem um probleminha: a versão sem HTML estranhamente rola a página para o final quando clicamos no botão “OK”.
leandro on December 14th, 2006
Olá Marcus,
Obrigado pelo contribuição.
Realmente esse lance aí do Konqueror é estranho mesmo. Uma vez que a versão sem ou com HTML é quase idêntica. E não há nenhum window.scrollTo(..,..) para rolar a página.
Mais obrigado.
Um abraço.
gheraldus on June 10th, 2007
Achei muito legal quando fiz o teste no site aqui, mais nao consegui usar quando offline, aquela dica de inserir apenas uma linha de código para usar o alert nao ficou muito claro, será que você poderia me ajudar nisso? djá agradeço.
gheraldus on June 10th, 2007
Meu amigo eu tentei usar esse alert parecido com o método que vc usa no site pra demonstrar, ou seja, ao clicar em um link, o alert será aberto, só que me enrolei e nao consegui, necessito de mais ajuda sobre o uso desse alert.
gheraldus on June 10th, 2007
Quando vc fala que será necessário uma linha de código e mostra o que tá abaixo, mais ond e como vou inserir essa linha de código??? É no arquivo JS? ou no na página HTML ou no link??? essa é minha dúvida.
w3AlertBox.show(’mensagem a ser exibida’);
leandro on June 11th, 2007
Olá gheraldus,
Utilize o fórum, http://leandro.w3invent.com.br/labs/forum, por favor, assim todos poderão acompanhar essa discussão e beneficiar-se da resposta no futuro.
[]´s
rogerio on August 15th, 2007
Leandro, eu estou com a mesma dúvida do gheraldus, eu não consegui entender como eu posso usar w3AlertBox com html, tentei fazer aki mas a tela do alert não abriu, você poderia explicar melhor como funciona, é que sou iniciante em programação.
Muito obrigado
leandro on August 17th, 2007
Sugiro que olhe este exemplo: http://leandro.w3invent.com.br/addons/freedom/w3alertbox/ e observe os códigos utilizados. Estão simples de entender.
Um abraço.
kakaroto on November 15th, 2007
o leandro primeiro lugar quero pela atençao que você dar a galera eu fui nesse link que você indicou .
o que significa isso:
O que é w3AlertBox?
*** Este projeto foi descontinuado.***
um abraço
kakaroto
Leandro Vieira on November 17th, 2007
Olá,
Significa que eu não estou mantendo esse código mais. Ou seja, não irei lançar mais versões, corrigir bugs, melhorá-lo, dar suporte afins.
Estou iniciando um nova série de projetos mais consistentes e prazerosos, um deles:
http://leandrovieira.com/projects/jquery/lightbox/
Um abraço.
Antonio on June 11th, 2008
Os links para o fórum com a explicação e para o exemplo não estão funcionando. Ao menos cliquei e não consegui acessá-los.
Antonio on June 11th, 2008
Idem para baixar o script.
Otavio Nogueira on December 14th, 2006
Bem, não cheguei a olhar o código “mas se funcionar”, perfeito, todos acho que ja tentamos isto alguma vez…