Atualizar DIV com botão e automaticamente-

[h_felix 1]

Boa tarde Pessoal ,

 

Estou com um problema , que esta me atazanando faz uns dias ai.

 

Tenho uma pagina web , na pagina inicial , tenho uma div e dentro dela outras divs que possuem dados vindo de um banco de dados.

 

 

home.php

 

<?php 
$query = mysql_query("SELECT sum(vendaCadastrada),origemVenda FROM vendasProdutos ");
while($row = mysql_fetch_array($query))
{  $vendaCadastrada = $row['sum(vendaCadastrada)'];}
?>
 <?php 
$query = mysql_query("SELECT sum(vendaFinalizada),origemVenda FROM vendasProdutos ");
while($row = mysql_fetch_array($$query))
{ $vendaFinalizada = $row['sum(vendaFinalizada)'];}
?> 


<div class="row">
   <div class="portlet box red-sunglo">
         <div class="portlet-title">
              <div class="caption">
                 <i class="fa fa-calendar"></i>VENDAS
              </div>
              <div class="tools">
                  <a href="" class="collapse">
                  </a>
                 <a href="#portlet-config" data-toggle="modal" class="config">
                 </a>
                 <a href="" class="reload"/>
                 </a>
                 <a href="" class="remove">
                 </a>
            </div>
      </div>

<div class="portlet-body">
    <div class="row">
         <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
              <div class="dashboard-stat blue-madison">
                  <div class="visual">
                     <i class="fa fa-shopping-cart "></i>
                 </div>
             <div class="details">
                 <div class="number">
                     <?=$vendaCadastrada?>//NUMERO(SOMA) QUE VEM DOM BANCO DE DADOS
                </div>
             <div class="desc">
                CADASTRADAS
             </div>
       </div>
<a class="more" href="#">
MAIS DETALHES <i class="m-icon-swapright m-icon-white"></i>
</a>
       </div>
</div>

<div class="margin-bottom-10 visible-sm">
</div>

 <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
        <div class="dashboard-stat red-intense">
              <div class="visual">
                <i class="fa fa-check-circle"></i>
              </div>
             <div class="details">
               <div class="number">
                 <?=$vendaFinalizada?>//NUMERO(SOMA) QUE VEM DOM BANCO DE DADOS
              </div>
        <div class="desc">
          FINALIZADAS
           </div>
       </div>
           <a class="more" href="#">
             View more <i class="m-icon-swapright m-icon-white"></i>
             </a>
     </div>
</div>

Até OK .

 

Que queria que tudo o que esta dentro da DIV " portlet-body " fosse atualizado automaticamente (sem ser a pagina toda ,somente o conteudo desta DIV ) ou ao clicar em um botão. Tipo , colocar para que atualize a cada 1 minuto , e o botão atualzia na hora que ele é clicado.

 

 

Mas , não sei como fazer isso, alguem sabe como fazer ?

 

Desde já, grato.

 

 

 

[Lucas Guima 164]

Você pode utilizar um iframe.

[h_felix 1]

Você pode utilizar um iframe.

 

Não teria uma soluçao em javascript, jquery , etc ?

 

Tipo

<script>
function atualizar() {
meu-código-para-atualizar-automaticamente-ou-clicando-em-um-botão( tempo de atualização ) ;
}
</script>

[Lucas Guima 164]

Neste caso, você pode utilizar o .load(), acionando o com um setInterval() ou pelo .click() de um botão.

[h_felix 1]

Neste caso, você pode utilizar o .load(), acionando o com um setInterval() ou pelo .click() de um botão.

Boa tarde Lucas ,

 

Desculpe a demora para responder ,hoje esta corrido no serviço .

 

 

Voce poderia demonstrar um exemplo e como ficaria o codigo ? Não tenho muita experiencia com javascript , então se puder ajudar.

 

Desde ja , grato

[h_felix 1]

Bom dia Pessoal ,

 

Dei uma fuçada na net , e achei alguns exemplos .Um deles até funcionou , mas estou com um problema no uso dele.

 

Segue o problema.

 

A estrutura do site esta assim :

index.php

style.css
custom.css
etc

<?php include 'template/header.php';?>


<?php include 'template/content.php'; ?>


<?php include 'template/footer.php';?>


javascript.js
jquery.js
etc

Na minha pagina content , esta assim :

content.php

$uri = $_GET['venda'];
$var = $uri;
switch ($var)
{
case 1:
include 'pag/venda/produto.php';
break;
}
etc...

Ou seja , minha pagina produto ,tem a URL index.php?venda=1

 

 

No minha pagina produto.php , tenho uma tabela que pega dados MYSQL , como NOME de produto , VENDAS do produto e etc.

 

Tentei usar o seguinte codigo :

<script type="text/javascript">;
var tempo = window.load(carrega, 1000);
function carrega()
{
$('#sample_3').load("index.php?venda=1");
}
</script>

Mas , ao apertar o botão com a classe carrega(); , ele chama minha index na pagina , sobrepondo a div " #sample_3" uma encima da outra.

 

 

Como posso fazer funcionar para atualizar a minha div com a tabela ?

 

 

Grato