Ir ao conteúdo
  • Cadastre-se
Luis Felipe Zortea

PHP Fazer um modal de imagem dentro de uma tabela

Recommended Posts

Boa Noite gostaria de fazer um modal de imagem dentro de uma tabela como posso proceder

<html><head>
<title>Sabor Caseiro – Alimentos Caseiros</title>
<link rel="shortcut icon" href="img/icon/favicon.ico" />
</head>
<?php
    include "conexao/banco.php";
    error_reporting(0);

    if(isset($_GET['codigo'])){
        $getCodigo = $_GET['codigo'];
    }else{
        $getCodigo = "";
    }

    if(isset($_GET['nome'])){
        $getNome = $_GET['nome'];
    }else{
        $getNome = "";
    }

    if(isset($_GET['dataFabricacao'])){
        $getDataFabricacao = $_GET['dataFabricacao'];
    }else{
        $getDataFabricacao = "";
    }

?>

<body>
<div class="container">
  <?php
            //chama cabecalho

            $title = "Consulta de Funcionarios";
            include "cabecalho.php";
        ?>
  <?php
            //chama menu principal
            include "menu.php";
        ?>
  <section class="consulta">
    <section class="busca">
      <h3>Busca</h3>
      <form action="#" method="GET">
        <fieldset>
          <label for="codigo">Código:</label>
          <input type="text" name="codigo" "<?php echo $getCodigo ?>" />
          <label for="nome">Nome:</label>
          <input type="text" name="nome" value="<?php echo $getNome ?>" />
          <label for="dataFabricacao">Data de Fabricação:</label>
          <input type="date" name="dataFabricacao" "<?php echo $getDataFabricacao ?>" />
        </fieldset>
        <button type="submit" name="consulta" value="Buscar">Buscar</button>
        <button type="reset" name="deletar">Limpar</button>
        <div class="clear"></div>
      </form>
    </section>
    <section class="resultado">
      <h3>Consulta Cardápio</h3>
      <table name="consultaCardapio" align="center">
        <tbody>
          <tr>
            <th>#</th>
            <th>Nome</th>
            <th>Descrição</th>
            <th>Data Fabricação</th>
            <th>Valor</th>
            <th>Imagem</th>
            <th></th>
            <th></th>
          </tr>
          
          <!--Paginação do formulario de 1 a 10 -->
          <?php

                        $_BS['PorPagina'] = 10;

                        if(isset($_GET['consulta']) != ""){
                            $busca = $_GET['consulta'];
                        }else{
                            $busca = "";
                        }

                        $where = "";

                        if($getCodigo != "" || $getNome != "" || $getDescricao != "" || $getDataFabricacao != "" ||$getValor != ""){

                            $where .="WHERE ";

                            if($getCodigo != ""){
                                if($where == "WHERE "){
                                    $where .= "id = ".$getCodigo;
                                }else{
                                    $where .= " AND id = ".$getCodigo;
                                }
                            }

                            if($getNome != ""){
                                if($where == "WHERE "){
                                    $where .= "nome LIKE '%".$getNome."%'";
                                }else{
                                    $where .= " AND nome LIKE '%".$getNome."%'";
                                }
                            }

                            if($getDescricao != ""){
                                if($where == "WHERE "){
                                    $where .= "descricao LIKE '%".$getDescricao."%'";
                                }else{
                                    $where .= " AND descricao LIKE '%".$getDescricao."%'";
                                }
                            }

                            if($getDataFabricacao != ""){
                                if($where == "WHERE "){
                                    $where .= "dataFabricacao LIKE '%".$getDataFabricacao."%'";
                                }else{
                                    $where .= " AND dataFabricacao LIKE '%".$getDataFabricacao."%'";
                                }
                            }
                            if($getValor != ""){
                                if($where == "WHERE "){
                                    $where .= "valor LIKE '%".$getValor."%'";
                                }else{
                                    $where .= " AND valor LIKE '%".$getValor."%'";
                                }
                            }
                        }

                        $sqlCount = "SELECT COUNT(*) AS total FROM cardapio".$where;
                        $queryCount = mysql_query($sqlCount);
                        $total = mysql_result($queryCount, 0, 'total');

                        $paginas =  (($total % $_BS['PorPagina']) > 0) ? (int)($total / $_BS['PorPagina']) + 1 : ($total / $_BS['PorPagina']);

                        if (isset($_GET['pagina'])) {
                            $pagina = (int)$_GET['pagina'];
                        } else {
                            $pagina = 1;
                        }
                        $pagina = max(min($paginas, $pagina), 1);
                        $inicio = ($pagina - 1) * $_BS['PorPagina'];

                        $sql = "SELECT * FROM cardapio ".$where." LIMIT ".$inicio.", ".$_BS['PorPagina'];
                        $query = mysql_query($sql);

                        //echo $sql;

                        while($row = mysql_fetch_array($query)){
                            echo "<tr>";
                            echo "<td>".$row['id']."</td>";
                            echo "<td>".$row['nome']."</td>";
                            echo "<td>".$row['descricao']."</td>";
                            echo "<td>".$row['dataFabricacao']."</td>";
                            echo "<td>".$row['valor']."</td>";
                                echo "<td id='img' onClick="document.getElementById('escurecerCli').style.display ='none';document.getElementById('conteudoCli').style.display='none'"><a href='#'><img src='sql/fotos/".$row['foto']."'/></a></td>";
                            echo "<td><a href=alterarCardapio.php?id=".$row['id']." title='Alterar Cardapio'><img src='img/icon/alterar.png' style='width:18px' alt='altera'></a></td>";
                            echo "<td><a href=sql/sqlExcluirCardapio.php?id=".$row['id']." title='Deletar Cardapio'><img src='img/icon/delete.png' style='width:18px' alt='delete'></a></td>";
                            echo "</tr>";
                        }

                        ?>
        </tbody>
      </table>
      <?php echo "<p>Resultados ".min($total, ($inicio + 1))." - ".min($total, ($inicio + $_BS['PorPagina']))." de ".$total." resultados encontrados para '".$busca."'</p>"; ?>
      <div class="paginacao">
        <?php
                if ($total > 0) {
                    for($n = 1; $n <= $paginas; $n++) {
                        echo '<a href="consultaCardapio.php?codigo='.$getCodigo.'&nome='.$getNome.'&descricao='.$getDescricao.'&dataFabricacao='.$getDataFabricacao.'&valor='.$getValor.'&consulta='.$busca.'&pagina='.$n.'"><label>'.$n.'</label></a>  ';
                    }
                }

                ?>
      </div>
    </section>
  </section>

 
 
  <?php
            //chama rodape
            include "rodape.php"
        ?>
</div>
</body>
</html>
adicionado 0 minutos depois
 echo "<td id='img' onClick="document.getElementById('escurecerCli').style.display ='none';document.getElementById('conteudoCli').style.display='none'"><a href='#'><img src='sql/fotos/".$row['foto']."'/></a></td>";

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

@Luis Felipe Zortea Você pode fazer por exemplo com o javascript, mais fácil com o jQuery.

Existem vários plugins que facilitam o desenvolvimento do modal, como o FancyBox, LightBox e etc...

 

Ademais,  o bootstrap também possui o modal.  

O que podes fazer ali também é colocar a galeria de imagens que vai ter o modal fora da tabela.

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar agora





Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas publicações sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×