Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

vhuber

Dar refresh somente na div

Por , em Javascript

Recommended Posts

vhuber    0

vhuber
Postado

Bom dia, estou com o seguinte problema

 

Tenho uma página que possui 2 abas, a aba numero 1 eh a "div id=tabs-1" e a aba numero 2 eh a "div id=tabs-2" cada uma contem suas respectivas informações.

 

Eu preciso dar refresh na pagina a cada 5 minutos, porém SOMENTE na tabs-2, pois assim os dados atualizam.

 

Eu fiz assim:

var atualizaDiv = setInterval(function(){
$('#tabs-2').fadeOut("slow").load('main.php?s=panel_ramais',{},function(retorno){
$('#tabs-2').html(retorno);
$('#tabs-2').fadeIn("slow")
});
}, 7000
);
Porém dessa maneira ele até da o refresh, porém mostra na aba 2 o conteudo da aba 1 + conteudo da aba 2,e eu quero que ele mostre somente o conteudo da aba 2.
Alguém?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Bru_ce    53

Bru_ce
Postado

Tenta assim, a página teste.php vai carregar dentro da suaDiv.

 

<script type="text/javascript">
$(function(){
setInterval(function(){
$("#suaDiv").load('teste.php');
},2000);
});
</script>


Tenta esconder o conteúdo da aba1 então.

Compartilhar este post

Link para o post
Compartilhar em outros sites

vhuber    0

vhuber
Postado

 

Tenta assim, a página teste.php vai carregar dentro da suaDiv.

 

<script type="text/javascript">
$(function(){
setInterval(function(){
$("#suaDiv").load('teste.php');
},2000);
});
</script>

Ta igual o que eu tinha feito, porem se no lugar do teste eu mandar recarregar o panel_ramais.php (que eh a minha pagina) ele carrega a pagina toda na aba da segunda div, entendeu?

Compartilhar este post

Link para o post
Compartilhar em outros sites

vhuber    0

vhuber
Postado

<div id="tabs-1">

</style>

<div class="sessbox">

<div class="sesstitle">Painel Gráfico de Uso de Usuários</div>


<table class="tgrafico-channels" border="0" width="100%">

<tr>

<td colspan="2" height="50px"><b>Canais Ativos</b></td>

</tr>

<tr>

<td><b><font size="2">Dia</b></td>

<td><b><font size="2">Semana</b></td>

</tr>

<tr>

<td height="300"><img src="../grafico-ramais/asterisk_usuario-day.png"></td>

<td height="300"><img src="../grafico-ramais/asterisk_usuario-week.png"></td>

</tr>

</table>



</div>


</div>





<div id="tabs-2">

</style>

<div class="sessbox">

<div class="sesstitle">Painel Gráfico de Uso de Canais</div>


<table class="tgrafico-channels" border="0" width="100%">

<tr>

<td colspan="2" height="50px"><b>Canais Ativos</b></td>

</tr>

<tr>

<td><b><font size="2">Dia</b></td>

<td><b><font size="2">Semana</b></td>

</tr>

<tr>

<td height="300"><img src="../grafico-ramais/asterisk_channels-day.png"></td>

<td height="300"><img src="../grafico-ramais/asterisk_channels-week.png"></td>

</tr>

</table>


</div>



</div>



Postei soh um trecho, pra vc ter uma ideia


Compartilhar este post

Link para o post
Compartilhar em outros sites

Bru_ce    53

Bru_ce
Postado

Posta um link, assim fica impossível tentar descobrir o que você fez.
Caso contrário de minha parte não poderei ajudar.

Compartilhar este post

Link para o post
Compartilhar em outros sites

vhuber    0

vhuber
Postado

Como eu posso concatenar a url?

exemplo.

 

eu vou setar na div assim, e quero definir q qd eu der refresh na pagina, carregue somente desta DIV para BAIXO

 

<div id="tabs-2">

 

e quando eu for dar refresh na div eu fazer dessa maneira:

 

var atualizaDiv = setInterval(function(){
$('#tabs-2').fadeOut("slow").load('main.php?s=panel_ramais(AQUI O ID DA DIV)',{},function(retorno){
$('#tabs-2').html(retorno);
$('#tabs-2').fadeIn("slow")
});
}, 7000
);
Ou seja, a url da pagina eh panel_ramais.php, e esta pagina tem 2 divs. Quero uma maneira de fazer o browser entender que a div 1 o link seria panel_ramais.php?aba=1 e a div2 o link seria panel_ramais.php?aba=2

Compartilhar este post

Link para o post
Compartilhar em outros sites

vhuber    0

vhuber
Postado

Estou usando uma biblioteca do jquery que possui TABS.

 

 

 
echo "<div id=\"tabs\">
  <ul>";
    if($permissao_ramais == true){
      echo"<li><a href=\"#tabs-1\" id='p'>Painel Técnico de Ramais</a></li>";
    }
    if($permissao_canais == true){
      echo"<li><a href=\"#tabs-2\" id='v'>Painel Gráfico de Uso de Canais</a></li>";
    }
 
 
echo "
  </ul>
  <div id=\"tabs-1\">
    <div class=\"sessbox\">
      <div class=\"sesstitle\">Painel Técnico de Ramais</div>
    </ul>";
 
</div>
</div>
 
<div id="tabs-2">
</style>  
<div class="sessbox">
  <div class="sesstitle">Painel Gráfico de Uso de Canais</div>
 
  <table class="tgrafico-channels" border="0" width="100%">
    <tr>
    <td colspan="2" height="50px"><b>Canais Ativos</b></td>
  </tr>
    <tr>
      <td><b><font size="2">Dia</b></td>
      <td><b><font size="2">Semana</b></td>
    </tr>
    <tr>
      <td height="300"><img src="../grafico-ramais/asterisk_channels-day.png"></td>
      <td height="300"><img src="../grafico-ramais/asterisk_channels-week.png"></td>
    </tr>
      
    <tr>
      <td><b><font size="2">Mês</h2></b>
      <td><b><font size="2">Ano</h2></b>
    </tr>
    <td height="380"><img src="../grafico-ramais/asterisk_channels-month.png"></td>
    <td height="380"><img src="../grafico-ramais/asterisk_channels-year.png"></td>
    </tr>
  </table>
 
  
  
<table class="tgrafico-agente" border="0" width="100%">
  <tr>
    <td colspan="2" height="50px"><b>Agentes</b></td>
  </tr>
    <tr>
      <td><b><font size="2">Dia</b></td>
      <td><b><font size="2">Semana</b></td>
    </tr>
    <tr>
      <td height="340"><img src="../grafico-ramais/asterisk_agentes-day.png"></td>
      <td height="340"><img src="../grafico-ramais/asterisk_agentes-week.png"></td>
    </tr>
      
    <tr>
      <td><b><font size="2">Mês</b></td>
      <td><b><font size="2">Ano</b></td>
    </tr>
    <td height="380"><img src="../grafico-ramais/asterisk_agentes-month.png"></td>
    <td height="380"><img src="../grafico-ramais/asterisk_agentes-year.png"></td>
    </tr>
  </table>
  
 
<table class="tgrafico-lasthour" border="0" width="100%">
  <tr>
    <td colspan="2" height="50px"><b>Chamadas</b></td>
  </tr>
    <tr>
      <td><b><font size="2">Dia</b></td>
      <td><b><font size="2">Semana</b></td>
    </tr>
    <tr>
      <td height="340"><img src="../grafico-ramais/asterisk_asr_php-day.png"></td>
      <td height="340"><img src="../grafico-ramais/asterisk_asr_php-week.png"></td>
    </tr>
      
    <tr>
      <td><b><font size="2">Mês</b></td>
      <td><b><font size="2">Ano</b></td>
    </tr>
    <td height="380"><img src="../grafico-ramais/asterisk_asr_php-month.png"></td>
    <td height="380"><img src="../grafico-ramais/asterisk_asr_php-year.png"></td>
    </tr>
  </table>
  
</div>
</div>
 

<script type="text/javascript">
  window.onload = function() {
    $('#tabs').tabs();  ,
 

 var x = "<?php echo $_GET['aba']; ?>";
   if( x == 2 ) {
window.location = $('#v').attr('href');
   }
      
    if ($('#v').click()){
    setTimeout(function(){ location.href='main.php?s=panel_ramais&aba=2'; }, 7000);
    }

 

Acredito que o erro está dando aqui if ($('#v').click()){ , preciso de alguma maneira conseguir pegar o evento click desta function da biblioteca do jquery.

 

Sabe como posso fazer isso?

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito