Exibir informações de produto php

1. Exibir informações de produto php

krampusss
(usa Outra)

Enviado em 21/08/2014 - 17:53h

Olá pessoal, beleza? Então, estou desenvolvendo um website para a empresa onde trabalho e me surgiu uma questão:

Ele é um tipo de e-commerce, mas atualmente a intenção é apenas exibir os produtos. Os produtos já estão sendo puxados do MySql ok, tranquilamente, tem uma página na qual são exibidos todos os produtos da loja e eu gostaria de quando clica-se no produto, abrisse uma janela em forma de popup exibindo as informações dele. Ok, janela criada, porém, não sei como capturar o ID do produto para este popup. O código abaixo é só um esboço, tendo em vista que como eu estava testando, não me preocupei em botar as tags na folha de estilo, joguei direto no código para TESTES:

<?php include("topo.php") ?>

<style>

#pop{display:none;background: #FFF;position:absolute;top:50%;left:50%;margin-left:-250px;margin-top:-200px;padding:10px;width:500px;height:400px;border:1px solid #d0d0d0}

</style>

</head>

<body>

<div id="pop">

<a href="#" onclick="document.getElementById('pop').style.display='none';">[Fechar]</a>

<br />

<h1 style="font-size: 20px; text-align: center;">Produto</h1>

<div style="position: absolute;"><img src="imgs/produtos/a05e90fa9de8563cc7fb47b95b347ff8.jpg"><p>Preço: <b>Sob Consulta</b></p></div>

<div id="descprod" style="margin-left: 45%;margin-top: 30px;line-height: 20px;">

    <p><b>Nome:</b></p>

    <p><b>Cód.:</b></p>

    <p><b>Cores disponíveis:</b></p>

    <p><b>Onde encontrar:</b></p>

    <br>

    <br>

    <br>

    <br>

    <img src="imgs/buttons/ncomprar.png">

</div>

</div>

<div id="produtossearch" align="center">

    <ul>

        <br/>

        <li>Código do Produto:<input id="codprodut" type="text"></li>

        <li>Produto:<input id="nameprodut" type="text"></li>

        <li>Tipo:<select>

                <?php $result = mysql_query('SELECT tipo,categoria_id FROM tipoproduto'); ?>

                <?php while ($row = mysql_fetch_assoc($result)) { ?>

                    <option>

                        <?php echo($row['tipo']); ?>

                    </option>

                <?php } ?>

            </select>



        </li>

        <li>Marca:<select>

                <?php $result = mysql_query('SELECT marca,categoria_id,alt FROM marcas'); ?>

                <?php while ($row = mysql_fetch_assoc($result)) { ?>

                    <option>

                        <?php echo($row['marca']); ?>

                    </option>

                <?php } ?>

            </select>

        </li>

        <input type="image" class="search2" src="imgs/layout/search-button.png">

    </ul>

</div>



<div id="produtos" align="center">

    <ul>

        <?php

        $result = mysql_query("SELECT * FROM produtos"); // acerte aqui sua sql

        while ($row = mysql_fetch_array($result)) {

            echo "<li><a href='#' onclick=\"document.getElementById('pop').style.display='block'\";><img src='".$row["img"]."' alt='".$row["alt"]."'><br/><p><strong>Nome:</strong> ".$row["nome"].'<br/><strong>Código:</strong> '. $row["codigo"] .'<br/><strong>Descrição:</strong><br/> ' . $row["desc"] . '<br/></p></a></li>';}

        mysql_free_result($result);

        ?>

    </ul>

</div>

<?php include("footer.php") ?>