Agregando conhecimento…
Com a inovação da web 2.0, algumas coisas ficaram meio obsoletas. O plugin jquery.alerts substitui as funções alert(), confirm() e prompt() do javascript de forma mais elegante e amigável ao usuário.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 | $(document).ready( function() { // ALERTA $("#alert_button").click( function() { jAlert('Caixa de alerta personalizado', 'Título do alerta'); }); // CONFIRMAÇÃO $("#confirm_button").click( function() { jConfirm('Confirma?', 'Título da confirmação', function(r) { jAlert('Confirma: ' + r, 'Resultado'); }); }); // PROMPT $("#prompt_button").click( function() { jPrompt('Escreva alguma coisa:', 'Valor pre-definido', 'Título da caixa', function(r) { if( r ) alert('Valor digitado ' + r); }); }); // EXEMPLO COM HTML $("#alert_button_with_html").click( function() { jAlert('Você pode usar HTML, como <strong>negrito</strong>, <em>italico</em> e <u>sublinhado</u>!'); }); }); |
Links:
jquery-1.3.1.js
jquery.alerts.js
jquery.ui.draggable.js (opcional)
Exemplo Zippado
Demonstração
Ver exemplo
Página para publicar e armazenar conteúdo relacionado a Desenvolvimento Web:
PHP, MySQL, Javascript, JQuery, CSS e as novas tecnologias do momento.
Façam comentários, perguntas e sugestões que ficarei satisfeito por recebê-los.
Shiguenori Junior
fps
junho 5th, 2009 at 15:58
Muito bom!
Parabéns
Irineu Junior
novembro 24th, 2009 at 10:23
Parabens… vou conferir =)
plnytd
junho 23rd, 2010 at 19:44
show!!! me ajudou bastante!
Fábio Fontes
novembro 3rd, 2010 at 15:15
Muito bom mesmo…
Aproveitando …alguém sabe como deixar o foco no Botão ‘Cancel’?
Junior
novembro 12th, 2010 at 9:35
@Fábio Fontes o foco funciona bem com input text e textareas, a utlização seria: $(‘#seletor_do_botao’).focus(); daí se o seletor for um botão este será clicado quando for pressionado a tecla espaço ou enter.
Tweets that mention Alertas com jquery -- Topsy.com
fevereiro 15th, 2011 at 22:02
[...] This post was mentioned on Twitter by Igor Musardo and Bruno Bennotti, Adilson Carvalho. Adilson Carvalho said: RT @IgorMusardo: Show de bola esse Alert em JQuery http://bit.ly/fR2KOJ via @maryeleTrzaskos [...]
Vitor Paladini
março 31st, 2011 at 18:27
Alguem sabe como configuro para ao carregar a pagina, abrir o alert sem clicar no botao?
ja tentei window.jalert mais nao rola..
Abs e Agradeco a Atencao
Junior
abril 2nd, 2011 at 10:50
@Vitor Paladini com jquery seria basicamente isto:
Lembando de que você precisa carregar o jquery e o plugin
Marcelo
janeiro 3rd, 2012 at 13:19
Preciso de uma ajuda! estou fazendo a gravação de uns dados e ao retornar ok, dou um jAlert. está funcionando ok. porém tenho que direcionar para a outra pagina e quando coloco o document.location e o destino, ele simplesmente vai direto e nao mostra o jAlert. algum pode me ajudar?
obrigado
Junior
janeiro 11th, 2012 at 10:45
@Marcelo tentou colocar window.location = “url-que-vc-quiser”; após a instrução do alerta, ou melhor, no terceir parametro, coloque uma função callback, nela você coloca o location
Davidson
fevereiro 18th, 2012 at 23:02
Poxa bem legal, e como usa CSS pode editar tudo nestes alertas, show de bola, já vou por no meu site,
teste
julho 4th, 2012 at 15:13
MUITO BOM, OBRIGADO, FUNCIONOU AQUI, SÓ QUE COMO NÃO HÁ CODIGO EM PHP LÁ DENTRO, (DO ARQUIVO ZIPADO), NÃO É NECCESSÁRIOS SALVAL COMO “.php”, POIS QUEM NÃO ENTENDE QUE SERIA NECESSÁRIOS UM SERVIDOR PARA HOSPEDAR LOCALMENTE A PÁGINA, FICARIA COM DÚVIDAS, ACHANDO QUE O CÓDIGO NÃO FUNCIONA, QUANDO É UM ÓTIMO EXEMPLO DE UTILIZAÇÃO DE JQUERY!
Alex
julho 31st, 2012 at 12:44
Amigo, como faço para exibir o alert somente se entrar no if?
Ex.:
if ($_GET['erro'] == 1) {
echo ‘
$(document).ready( function() {
jAlert(“Caixa de alerta personalizado”, “Título do alerta”);
});
‘;
}
No código-fonte ele mostra, mas na tela não :/
Junior
agosto 14th, 2012 at 18:56
@Alex vc está escrevendo o alerta dentro do PHP? No seu echo (antes de “$(document).”) escreva <script> e no final do echo </script> após “});”
Sandro
outubro 14th, 2012 at 19:55
Bem legal cara, parabéns. Simples de usar com um visual bacana.