Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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.
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>Neste caso, você pode utilizar o .load(), acionando o com um setInterval() ou pelo .click() de um botão.
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
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
Você pode utilizar um iframe.