terça-feira, 18 de novembro de 2008

Alerta popup com mensagem

Algumas semanas atrás um leitor me perguntou como se faz para inserir alertas pop-up no blog com opções diferentes: OK (continua no blog) ou CANCELAR (é redirecionado para outra página). Veja a figura acima que ilustra como se apresenta o alerta. Agora finalmente estou publicando as instruções para instar o alerta.
1. Acesse o painel do Blogger ou Blogger Draft.
2. Entre na página Layout -- Clique Adicionar um Gadget -- Selecione o gadget HTML/Javascript.
3. Cole dentro do gadget o script a seguir.


<script type="text/javascript">
confirm('Alguns scripts instalados nesta página podem deixar de responder em seu computador. Deseja continuar?');
if (confirm('Alguns scripts instalados nesta página podem deixar de responder em seu computador. Deseja continuar?')) {
window.location = "http://www.google.com.br/";
}
else {
}
</script>


Agora, modifique os trechos mostrados em verde para a mensagem do alerta (os dois trechos devem ter o mesmo texto). Depois modifique o trecho em vermelho, que é o endereço da página de redirecionamento, para um endereço qualquer de outra página. Assim, se o visitante quiser cancelar a entrada no blog com o aviso ele será direcionado para outra página segura.

9 comentários:

...:::TEMPO DOWN:::... disse...

cara nao fucionol da maneira esperada nao

Alberto disse...

Tempo Down: o que não funcionou, exatamente? Foi algum problema, ou simplesmente não era o que você achou que seria? É só dizer.

Abraços

Alexandre Araújo disse...

Bom dia amigo eu gostaria de saber
se vc tem algum que tenha apenas um alerta
tipo comunicando o usuario de um evento proximo
mas um alerta que apenas tenha o botao OK
e assim que ele clik no OK carrega o blog normal.
eu tenho um aqui mas nao é em javascript e toda pagina que o usuario entra do blog aparece o alerta.
eu queria um alerta desse que mensionei acima para aparecer apenas na pagina inicial do blog.

muito obrigado
até +

Alberto disse...

[b]Alexandre[/b],

desculpe a demora em responder. Ando sem tempo ultimamente, por isso levarei um tempo até fazer o post. Para conseguir o alerta que você quer, faça assim:

1.Entre no painel do blogger.
2.Clique em Layout do blog que você quer colocar o alerta.
3.Clique em Adicionar um gadget.
4.Selecione a opção HTML/Javascript na janela pop-up que aparecerá.
5.Cole neste gadget o código a seguir e salve. Não esqueça de substituir o trecho "mensagem do alerta" pela mensagem que seus visitantes receberão. Eis o código:

<script>alert('texto do alerta');</script>

Abraços e boa sorte.

Anônimo disse...

boa noite,primeiramente vou le comprimentar pelo blog,parabens.
Amigo,testei seu codigo e realmente funciona,mas o problema é que ele se repete a qualquer atualização na pagina,sera que voçe sabe como fazer ele abrir só na homepage,sem repetir quando a pagina é atualizada,desde ja agradelo a atenção.

Guia-ATUAL disse...

Muito bom.
Mestre, queria tirar uma duvida contigo, e, se não fosse abusar muito da sua bondade, mandar a resposta no meu e-mail.
É o seguinte: tou querendo, por exemplo, colocar um link qualquer num lugar qualquer no meu blog, dai assim que a pessoa clicar, abriria dois pop up com as paginas que quero.

Pra explicar melhor, como vc colocou aqui no seu blog os links de seus parceiros, dai quando a pessoa clicasse em um de seus parceiros, abriria a página deles e mais os 2 pop ups.

Achei o código em java para fazer isso, mas não sei mexer muito. Se puder me ajudar, fico muito grato, amigo.
CÓDIGO:

Anônimo disse...

Vllw '

CTMD TI disse...

Eu queria um script que aparecesse uma vez só na página index do site, e deixasse de aparecer se o usuário retornasse de uma outra página para a página principal. Apenas um único aviso, mas toda vez que a página principal home é acessada novamente o mesmo aviso aparece afff

MAURICIO DVORAK disse...

o blogger considerou o código como spam e excluiu o meu blog, cuidado ao colocar! no mais excelente as dicas, parabéns!

Faça o seu comentário!

Obrigado por deixar seu comentário! Para outros assuntos veja também: