Ir para conteúdo

Atualizar <div> sem refresh!

Guest Samp

Por Guest Samp
em Tutoriais

 Compartilhar

Posts Recomendados

Guest Samp

Guest Samp

Postado
Postado (editado)

Aeew consegui!


Gente finalmente eu achei um método para atualizar uma div, ou qualquer elemento dinâmico em uma página PhP ou HTML!


 


Aqui um exemplo de página sem o código! Ela está assim! Mas os números só atualizam ao dar f5 na página!


yH4piKH.png


 


Agora se criarmos um arquivo chamado info.php!


E colocar o código dos players online lá:


 


info.php




<html>

<body>



<?php



 $server = file_get_contents("http://mcapi.ca/query/jogar.minecraftmania.com.br/info");

 $info = json_decode($server);

 

 $maxplayers = $info -> players -> max;

 $onlineplayers = $info -> players -> online;

 $status = $info -> status;

 

 if ($status = true) {

	 

	  echo ("Temos $onlineplayers / $maxplayers jogadores online!");



 }

 else {

	 

	 echo ("byyee");

	 

 }

 

?>



</body>

</html>

index.php




<html>

<head>



<script type="text/javascript"  src="../js/jquery.min.js"></script>

 

<script type="text/javascript"> 

var tempo = window.setInterval(carrega, 1000);

function carrega()

{

$('#online').load('online.php');

}

 

</script>



</head>

<body>





<div id="online">



</div>



</body>

</html>

Teste o código aqui: viciogamesbr.com


 


Vou explicar o index.php!


 


 


Nele temos as tags padrões HTML!


Depois chamamos o JQuery com um script na head!


Depois criamos um intervalo 1000.


E a function carrega()! Que em tal div com a ID "online" irá carregar tal arquivo! No caso o "online.php"!


Criamos a DIV "online"! E pimba! Temos uma página que carrega automaticamente os números da quantidade de players online!


Se não entendeu nada, comente porquê to apressado! Tou assistindo o impeachment da DIlma daí to digitando tudo bugado! 


Expliquei algo errado? Me corrija e ajude aos outros!


Editado por Samp
0
Link para o comentário
Compartilhar em outros sites

Participe da Conversa

Você pode postar agora e se cadastrar mais tarde. Se você tiver uma conta, a class='ipsType_brandedLink' href='https://gamersboard.com.br/login/' data-ipsDialog data-ipsDialog-size='medium' data-ipsDialog-title='Sign In Now'>acesse agora para postar com sua conta.
Observação: sua postagem exigirá aprovação do moderador antes de ficar visível.

Visitante
Responder

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.

Processando...
×
 Compartilhar
Ir para a lista de tópicos

  • Quem está navegando   0 membros estão online

    • Nenhum usuário registrado visualizando esta página.
×
×
  • Criar Novo...