Olá pessoal, hoje trago um tutorial de como trocar o título da página ao sair da página.
Utilizamos o seguinte código Javascript
Coloque o investimento em todas as páginas.. E pronto, é só trocar pelo texto que você quiser..
Explicando o código:
Resultado:
Experimente trocar de aba neste fórum..
http://punbbteste.forumeiros.com
Imagem do resultado:
Usuário na página
Usuário em outra aba
É isso ai, espero que gostem!
Utilizamos o seguinte código Javascript
- Código:
var titleAtual = document.title;
window.addEventListener('blur', function(){
document.title = "Não esqueça de alterar seu texto aqui!!";
});
window.addEventListener('focus', function(){
document.title = titleAtual;
});
Coloque o investimento em todas as páginas.. E pronto, é só trocar pelo texto que você quiser..
Explicando o código:
- Código:
//salvamos o valor do título atual
var titleAtual = document.title;
//adicionamos um evento a página (blur) que ao tirar o foco do elemento ele irá executar uma função para nós..
window.addEventListener('blur', function(){
//função a ser excutada
document.title = "Volte aqui :(";
});
//adicionamos outro evento para quando o usuário voltar a página
window.addEventListener('focus', function(){
//então pegamos o valor salvo na nossa variável 'titleAtual' e inserimos novamente no título do fórum
document.title = titleAtual;
});
Resultado:
Experimente trocar de aba neste fórum..
http://punbbteste.forumeiros.com
Imagem do resultado:
Usuário na página
Usuário em outra aba
É isso ai, espero que gostem!
Última edição por Wagner em Dom 09 Mar 2014, 2:32 pm, editado 2 vez(es) (Motivo da edição : Adição de imagens do resultado)