Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17736
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Como trocar o título da página em tempo real automaticamente com jQuery

03-02-2016 22:40

Nesse post vou mostrar um exemplo para quem deseja atualizar o valor da tag title, ou seja, o título da página automaticamente.

Esse script faz o seguinte, de 10 em 10 segundos "pode ser configurado para mais ou menos tempo" o script carrega o conteúdo de outro arquivo, passa o valor para uma div, depois o jQuery joga esse valor no título do documento.

Sendo assim, se por exemplo você usa banco de dados basta você configurar o o retorno da consulta para exibir a resposta que precisa no título do documento.

<style> .conteudo{display:none;} </style> <title>Título inicial</title> <script src="jquery.js"></script> <script> $(document).ready(function() { function chamada() { $('.conteudo').load('consulta.php?aleatorio='+Math.round(Math.random()*10)); document.title = $('.conteudo').html(); } // 10000 = 10 segundos var v = setInterval(chamada, 10000); // caso queira parar tudo, chame a função abaixo function parar() { clearInterval(v); } }); </script> <div class="conteudo"></div>

No arquivo consulta.php você deve definir a mensagem que será exibida no título da página.
Também precisa definir de quanto em quanto tempo é feita a atualização para pegar o conteúdo do arquivo.
0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado