Olá pessoal estou fazendo um site em php, no qual há uma seção de botões. Quando eu seleciono um botão, deve fazer uma busca no BD e com o resultado, atualizar uma div sob os botões, sem recarregar a página.
É um sistema de e-commerce, no qual ao selecionar a cor, exibe os tamanhos cadastrados naquela cor.
Qual a melhor maneira de fazer isso?
O código abaixo seleciona a cor:
if($n->getNome() == "COR"){ ?>
<div class="row cor">
<div class="bloco_cor">
<div id="cor" class="texto">Cor</div>
<?php
$pVariacao = new ProdutoVariacaoDao();
foreach ($produto as $prod) {
$pv = $prod->getIdProdutoBase();
}
$teste = $pVariacao->findByIdAgrupado($pv);
foreach ($teste as $teste1) {
$teste2 = $teste1->getIdOpcaoVariacao1();
//}
$opVariacao = new OpcaoVariacaoDao();
$opVar1 = $opVariacao->findById($teste2);
//var_dump($opVar1);
//foreach ($opVar1 as $op) {
//$idOpVariacao1 = $op->getIdOpcaoVariacao();
//echo "id var: ", $idOpVariacao1;
$cores= $opVar1->getValor();
$arrayCores = split("/", $cores, 2); ?>
<div id="<?php echo $teste2 ?>" class="opcao_cor">
<input class="inputIdProd" type="hidden" value="<?php echo $idProdutoBase; ?>">
<div class="cor2" style="background-color:<?php echo $arrayCores[0];?>"></div>
<div class="cor2" style="background-color:<?php echo $arrayCores[1];?>" ></div>
</div>
<?php } ?>
</div>
</div>
<?php } }?>
O código a seguir seleciona os tamanhos cadastrados no BD para a cor selecionada acima:
<div id="tamanho" class="row tamanho">
<div class="bloco_tamanho">
<div class="texto">Tamanho</div>
<?php if (isset($_SESSION['tamanhos'])) {
$opVariacao2 = new OpcaoVariacaoDao();
$tamanhos = unserialize($_SESSION['tamanhos']);
foreach ($tamanhos as $tam) {
$id = $tam->getIdOpcaoVariacao2();
$estoque = $tam->getEstoque();
$t = $opVariacao2->findById($id);
if ($estoque == 0) { ?>
<div class="tam tam_ausente" id="tam1"><span></span><?php echo $t->getValor(); ?></div>
<?php } else { ?>
<div class="tam" id="tam1"><span></span><?php echo $t->getValor(); ?></div>
<?php } ?>
<?php } ?>
<?php } ?>
</div>
</div>