Passar o parâmetro via GET para o modal bootstrap

alissong · Abril 3, 2018

Pessoal,

Tenho um arquivo em php chamado rel_produto.php, conforme código abaixo:

<?php
#Arquivo de funções ********************************** 
//require ("verifica.php"); 
include("conexao/bdinc.php");

#********************************************************

//Verificar se estÃ¡ sendo passado na URL a pÃ¡gina atual, senao Ã© atribuido a pagina 
$pagina = (isset($_GET['pagina']))? $_GET['pagina'] : 1;

//Selecionar todos os cursos da tabela
$sql_produto = "SELECT * FROM con_produto";
$res_produto = mysqli_query($con, $sql_produto);

//Variável para localizar o produto 
$nome_produto = "";

//Contar o total de cursos
$total_produto = mysqli_num_rows($res_produto);

//Seta a quantidade de cursos por pagina
$quantidade_pg = 15;

//calcular o nÃºmero de pagina necessÃ¡rias para apresentar os cursos
$num_pagina = ceil($total_produto/$quantidade_pg);

//Calcular o inicio da visualizacao
$incio = ($quantidade_pg*$pagina)-$quantidade_pg;

//Selecionar os cursos a serem apresentado na pÃ¡gina
$sql_limit = "SELECT * FROM con_produto LIMIT $incio, $quantidade_pg";
$res_limit = mysqli_query($con, $sql_limit);
$total_limit = mysqli_num_rows($res_limit);

// Número máximos de botões de paginação
$max_links = 3;
?>
<!DOCTYPE html>
<html lang="pt-br">
  <head>			
<title>RELAT&Oacute;RIO DE PRODUTOS</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">  
  <script type="text/javascript">
<!--
function aviso(cod_produto){
var confirmacao = confirm("Deseja realmente excluir o produto ?");
			if(confirmacao == true){
				location.href="?rel=cod_produto="+cod_produto;
										
			}
}

function consulta(descricao){
var exibir = prompt("Digite o nome do Produto ou Codigo ?","ALICATE");
	if (exibir == null) {
      alert('Usuario clicou em cancelar !!!');
	exit
	}

    if (exibir != "") {
    $nome_descricao = "<script> document.write(exibir)</script>";
    location.href="?rel=bus_produto&descricao="+exibir;
	}
 }
//-->
</script>
  </head>
  <body>
    
      <div class="container-fluid">
          <div class="row">
              <div class="col-lg-12">
                   <h4 align="left" class="page-header">LISTA DE PRODUTOS</h4>
				<div class="table-responsive-sm">                 
                  <table class="table table-sm table-striped table-bordered table-hover">
                      <thead class="thead-dark">
                          <tr>
								<th>Cod.</th>
								<th>Nome Produto</th>
								<th>Unidade</th>
								<th>Est. Atual</th>
								<th>Depósito</th>
								<th>Est. Minimo</th>
								<th>Pre&ccedil;o Custo</th>
								<th>Lucratividade</th>
								<th>Pre&ccedil;o Venda</th>
								<th>Data Aquisi&ccedil;&atilde;o</th>
								<th colspan="3">Bot&otilde;es</th>
                          </tr>
                      </thead>
                      <tbody>
                   <?php  
// Passando data do banco "AAAA-MM-DD" para "DD/MM/AAAA"
function mostraData ($data_aquisicao) {
if ($data_aquisicao!='') {
return (substr($data_aquisicao,8,2).'/'.substr($data_aquisicao,5,2).'/'.substr($data_aquisicao,0,4));
}   
else { return ''; }   
} 
				   
                   while ($linha = mysqli_fetch_array($res_limit)){ ?>    
      
                          <tr>
                              <td><?php echo "$linha[0]";?></td>
                              <td><?php echo "$linha[1]";?></td>
                              <td align="center"><?php echo "$linha[2]";?></td>
                              <td align ="right"><?php echo number_format($linha[3], 2, ',', '.');?></td>
							  <td style="text-align:right;color:blue"><?php echo number_format($linha[4], 2, ',', '.');?></td>
							  <td align ="right"><?php echo "$linha[8]";?></td>
							  <td style="text-align:right;color:red"><?php echo number_format($linha[5], 2, ',', '.');?></td>
							  <td align="center"><?php echo "$linha[6]";?></td>
							  <td style="text-align:right;color:blue"><?php echo number_format($linha[7], 2, ',', '.');?></td>
							  <td align ="right"><?php echo mostraData($linha[15]);?></td>
							  <td align ='center'><a href='?menu=relatorios&rel=rel_produto&ed_produto&id=<?php echo $linha[0];?>'><img src='img/editar.gif' width='16' border='0' height='16'></a></td>
							  <td align ='center'><a href='javascript:consulta(<?php $nome_produto;?>)'><img src='img/lupa.gif' width='16' border='0' height='16'></a></td>
							  <td align ='center'><a href='javascript:aviso(<?php echo $linha[0];?>);'><img src='img/remover.gif' width='16' border='0' height='16'></a></td>
                          </tr>
                  <?php } ?>      
                      </tbody>
                  </table>
               </div>
<nav aria-label="Page navigation">
  <ul class="pagination justify-content-center">
	<li class="page-item"><a class="page-link" href="?menu=rel_produto&pagina=1" aria-label="Previous"><span aria-hidden="true">&laquo;</span></a>
						
	</li>
<?php 
					//Apresentar a paginacao
					// Cria um for() para exibir os 3 links antes da página atual
					//for($i = 1; $i < $num_pagina + 1; $i++){ 
					for($i = $pagina-$max_links; $i <= $pagina-1; $i++) { 
					if($i <=0) {
					//faz nada
					// Se estiver tudo OK, cria o link para outra página
					} else {
?>					
	<li class="page-item"><a class="page-link" href="?menu=rel_produto&pagina=<?php echo $i; ?>"><?php echo $i; ?></a></li>
<?php					
}
}
?>
	<li class="page-item active"><a class="page-link"><?php echo $pagina; ?></a></li>
<?php
// Cria outro for(), desta vez para exibir 3 links após a página atual
for($i = $pagina+1; $i <= $pagina+$max_links; $i++) {
// Verifica se a página atual é maior do que a última página. Se for, não faz nada.
if($i > $num_pagina)
{
//faz nada
}
// Se tiver tudo Ok gera os links.
else
{
?>
	<li class="page-item"><a class="page-link" href="?menu=rel_produto&pagina=<?php echo $i; ?>"><?php echo $i; ?> </a></li>
<?php					
}
}
?>		
	<li class="page-item"><a class="page-link" href="?menu=rel_produto&pagina=<?php echo $num_pagina; ?>"><span aria-hidden="true">&raquo;</span></a></li>					
				
  </ul>
</nav>                 
              </div>              
          </div>        
          
      </div>
  </body>
</html>

<?php 
if ((isset($_GET['id'])) > 0) {
include("ed_produto.php"); 
}else {
//Não faz nada!	
}
?>

E outro ed_produto.php é o modal bootstrap, conforme o código abaixo:

<?php
#Arquivo de funções ************************************* 
//require ("verifica.php"); 
include("conexao/bdinc.php");

#********************************************************

$sqlu  = "SELECT * FROM unidade ORDER BY medida";
$unidade =  mysqli_query($con,$sqlu);
$menu1 = mysqli_fetch_assoc($unidade);

$sql_local  = "SELECT * FROM local ORDER BY localizacao";
$local =  mysqli_query($con,$sql_local);
$menu2 = mysqli_fetch_assoc($local);

$sql_categoria  = "SELECT * FROM categoria ORDER BY nome_categoria";
$categoria =  mysqli_query($con,$sql_categoria);
$menu3 = mysqli_fetch_assoc($categoria);

# Fim da consulta select

$id = ((int)$_GET['id']);
$sql ="SELECT * FROM produto WHERE cod_produto='$id'";
$resultado = mysqli_query($con,$sql);
$linha = mysqli_fetch_array($resultado);

#Incio das variaveis obrigatorias
$id = $linha["cod_produto"];
$descricao = $linha["descricao"];
$cod_unidade = $linha["unidade"];
$estoque = $linha["estoque"];
$estoque = str_replace(".",",", $estoque);
$preco_custo = $linha["preco_custo"];
$preco_custo = str_replace(".",",", $preco_custo);
$lucratividade = $linha["lucratividade"];
$preco_venda = $linha["preco_venda"];
$preco_venda = str_replace(".",",", $preco_venda);
$margem_seguranca = $linha["margem_seguranca"];
$taxa_icms = $linha["taxa_icms"];
$csosn = $linha["csosn"];
$csts = $linha["csts"];
$ncm = $linha["ncm"];
$cod_categoria = $linha["cod_categoria"];
$cod_local = $linha["cod_local"];
$data_inclusao = $linha["data_inclusao"];

?>

<!DOCTYPE html>
<html lang="pt-br">
<head>
  <title>Bootstrap Example</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">  
  <script language=javascript>
function valida_dados ()
{
if (ed_produto.descricao.value=="") {
       alert ("Por favor digite o Nome do Produto !");
       ed_produto.descricao.focus();
       return false;
}
indice = ed_produto.cod_unidade.selectedIndex;
	if (ed_produto.cod_unidade.options[indice].text == "")
	{	alert("O campo unidade deve ser escolhido !");
		ed_produto.cod_unidade.focus();
		return false;
}
if (ed_produto.preco_custo.value=="") {
       alert ("Por favor digite o valor custo do produto !");
       ed_produto.preco_custo.focus();
       return false;
}
if (ed_produto.lucratividade.value=="") {
       alert ("Por favor digite a margem de lucro do Produto !");
       ed_produto.lucratividade.focus();
       return false;
}     
      return true;
}
</script>
</head>
<body>

<div class="container-fluid">
  
  <!-- Button to Open the Modal --> 
   
<script>
$(document).ready(function (){
   
$('#myModal').modal();
});
</script>

  <!-- The Modal -->
  <div class="modal fade" id="myModal">
    <div class="modal-dialog modal-dialog modal-lg modal-dialog-centered">
      <div class="modal-content">
      
        <!-- Modal Header -->
	
        <div class="modal-header">

          <h4 class="modal-title">ALTERA&Ccedil;&Atilde;O DO PRODUTO</h4>
          <button type="Button" class="close" data-dismiss="modal">&times;</input>		  
        </div>
        
        <!-- Modal body -->
        <div class="modal-body">
        <div class="container-fluid">
	<div class="row justify-content-center align-items-center" class="col-md-12">
 <form name="ed_produto" method="post" action="cad_ed_produto.php" onsubmit="return valida_dados(this)">
 
 <div class="form-group">
    <input type="text" name="cod_produto" class="invisible" id="cod_produto" size="20" value="<?php echo $id;?>"        
 </div> 
 <div class="form-group">
    <label for="descricao">Descrição do Produto</label>
	<textarea class="form-control" name="descricao" id="descricao" aria-label="With textarea" placeholder="Nome do Produto"><?php echo $descricao; ?></textarea>    
 </div>
  <div class="form-row">
  <div class="form-group col-md-3">
    <label for="cod_unidade">Medida</label>
    <select name="cod_unidade" id="cod_unidade" class="form-control">
		<option value="0">Op&ccedil;&otilde;es</option>
<?php
do {
        echo "<option ";
        if($cod_unidade==$menu1['medida']){printf(" selected ");}
        echo"value=". $menu1['medida'].">". $menu1['medida']."</option>";

} while ($menu1 = mysqli_fetch_assoc($unidade));
mysqli_free_result($unidade);
?>
      </select>   
  </div>
  <div class="form-group col-md-3">
    <label for="cod_local">Localização</label>
    <select name="cod_local" id="cod_local" class="form-control">
		<option value="0">Op&ccedil;&otilde;es</option>
<?php
do {
    echo "<option ";
        if($cod_local==$menu2['cod_local']){printf(" selected ");}
        echo"value=". $menu2['cod_local'].">". $menu2['localizacao']."</option>";

} while ($menu2 = mysqli_fetch_assoc($local));
mysqli_free_result($local);
?>
      </select>   
  </div>
  <div class="form-group col-md-3">
      <label for="categoria">Categoria</label>
      <select name="cod_categoria" id="cod_categoria" class="form-control">
		<option value="0">Op&ccedil;&otilde;es</option>
<?php
do {
    echo "<option ";
        if($cod_categoria==$menu3['cod_categoria']){printf(" selected ");}
        echo"value=". $menu3['cod_categoria'].">". $menu3['nome_categoria']."</option>";

} while ($menu3 = mysqli_fetch_assoc($categoria));
mysqli_free_result($categoria);
?>
      </select>        
    </div>
   <div class="form-group col-md-3">
      <label for="estoque">Estoque Atual</label>
      <input type="text" name="estoque" id="estoque" size="20" value="<?php echo $estoque;?>" readonly="true" class="form-control">
    </div>		
  </div>
  <div class="form-row">
    <div class="form-group col-md-3">
      <label for="preco_custo">Pre&ccedil;o de Custo</label>
      <input type="text" name="preco_custo" id="preco_custo" size="20" value="<?php echo $preco_custo;?>" class="form-control">        
    </div>
    <div class="form-group col-md-3">
      <label for="lucratividade">Lucratividade</label>
      <input type="text" name="lucratividade" id="lucratividade" size="20" value="<?php echo $lucratividade;?>" class="form-control">
    </div>
	<div class="form-group col-md-3">
      <label for="preco_venda">Pre&ccedil;o de Venda</label>
      <input type="text" name="preco_venda" id="preco_venda" size="20" value="<?php echo $preco_venda;?>" readonly="true" class="form-control">
    </div>
	<div class="form-group col-md-3">
      <label for="margem_seguranca">Margem Seguran&ccedil;a</label>
      <input type="text" name="margem_seguranca" id="margem_seguranca" size="20" value="<?php echo $margem_seguranca;?>" class="form-control">
    </div>
  </div>
  <div class="form-row">
    <div class="form-group col-md-3">
      <label for="csosn">Taxa ICMS</label>
      <input type="text" name="taxa_icms" id="taxa_icms" value="<?php echo $taxa_icms;?>" class="form-control">
    </div>
	<div class="form-group col-md-3">
      <label for="csosn">CSOSN</label>
      <input type="text" name="csosn" id="csosn" value="<?php echo $csosn;?>" class="form-control">
    </div>
    <div class="form-group col-md-2">
      <label for="csts">CSTS</label>
      <input type="text" name="csts" id="csts" value="<?php echo $csts;?>" class="form-control">        
    </div>
    <div class="form-group col-md-2">
      <label for="ncm">NCM</label>
      <input type="text" name="ncm" id="ncm" value="<?php echo $ncm;?>" class="form-control">
    </div>
	<div class="form-group col-md-2">
      <label for="data_inclusao">Data Aquisi&ccedil;&atilde;o</label>
      <input type="text" name="data_inclusao" id="data_inclusao" value="<?php echo date("d/m/Y",time());?>" readonly="true" class="form-control">
    </div>	
  </div>
  <div class="form-group col-md-6">      
	  <button type="submit" class="btn btn-success">Cadastrar</button>
	  <button type="reset" class="btn btn-primary">Limpar</button>
  </div>  
</form>
 </div>  
 </div> 
        </div>
        
        <!-- Modal footer -->
        <div class="modal-footer">
		  
          <button type="button" class="btn btn-danger" data-dismiss="modal">Fechar</button>
		  
        </div>
        
      </div>
    </div>
  </div>  
</div>
</body>
</html>

Está funcionado, com essa gambiarra:

<?php 
if ((isset($_GET['id'])) > 0) {
include("ed_produto.php"); 
}else {
//Não faz nada!	
}
?>

Agora, como faço para pegar o id via GET e passar o parâmetro para o modal, sem a necessidade de dois arquivos php usando o javascipt?

Um abraço.

Danilo Henriq · Abril 3, 2018

Cara você não prescisa de javascript nem passagem nenhuma, raciocina comigo um modal é algo que já existe dentro de uma pagina porem ele fica oculto aguardando o chamamento de um botão que o controla, basicamente oque você tem que fazer é colocar um modal dentro do seu loop while e nomear o id dele com um valor que seja unico de cada produto como o [id] do produto ai no controlador que no caso é o botão que chama o modal você tambem coloca o [id] do produto assim para cada loop terá um modal

e cada botão irá chamar o seu respectivo modal, ai dentro dele terá as informações do produto, o vídeo abaixo mostra como se faz.