PHP: Dando refresh somente numa área do seu site

Entrando com mais um post.

Este post foi criado em resposta aos comentários desse post.

Tenho um site que vai conter uma área com o placar dos jogos e quero atualizar somente este div.
Como fazer?

Existem diversas formas, usando javascript, jquery etc.

Vou dar a solução somente com HTML e PHP.

Crie 2 arquivo: index.php e atualiza.php

INDEX.PHP

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Refresh somente em uma área do site</title>
<style type="text/css">
#all{ width:650px;height:600px; }
#all .left, #all .right{ 
  float:left; 
  width:300px; 
  height:400px;
  border:1px solid #000;	
}
</style>
</head>
<body>
<div id="all">
  <div class="left">
    <p>Valor NÃO muda</p>
    <? 
      $rand = rand(1,9);
      echo "Placar dinâmico: ".$rand;
    ?>
  </div>
  <div class="right">
    <p>Valor muda</p>
      <iframe marginwidth="0" marginheight="0" width="240" height="80" scrolling="no" frameborder=0 src="atualiza.php"></iframe>
  </div>
</div>
</body>
</html>

ATUALIZA.PHP

<?
  $rand = rand(1,9);
  echo "Placar dinâmico: ".$rand;
  echo "<meta HTTP-EQUIV='refresh' CONTENT='2'>";
?>

A cada 2 segundos o valor do div .right é atualizado dentro do iframe. Se usar include ou require não funciona.

Até +

5 comentários em “PHP: Dando refresh somente numa área do seu site

  • 16 de maio de 2013 em 16:03
    Permalink

    Obrigado vei, ajudou muito !!! =D

    Resposta
  • 11 de agosto de 2013 em 23:57
    Permalink

    muito bom esse script eu fiz diferente mais vlw
    tinha me esquecido da tag iframe só fiz add isso e funfo legal rsss

    Resposta
  • 11 de junho de 2014 em 23:17
    Permalink

    Isso me ajudou bastante, muito obrigado!

    Resposta
  • 17 de maio de 2015 em 21:23
    Permalink

    Bacana, mais nao sei se é viavel, fiz um teste e consegui fazer oq eu queria mais acho q javascrip fica mais estavel, tenho q achar um q faça exatamente isso, so achei de carregar conteudo…

    Resposta

Deixe uma resposta para ThiagoTPK Cancelar resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *