Vitrine PHP Como Passar id Para #modal de Cada Livro da Vitrine
Vitrine php como passar id para #modal de cada livro da vitrine?
index.php
<?php
$id = $_GET['id'];
$LoopH = 5;
$consulta = mysql_query("SELECT * FROM produtos");
if(isset($_GET['atualizar'])){
$new_produto = $_POST['produto'];
$new_valorunitario = $_POST['valorunitario'];
$new_edicao = $_POST['edicao'];
$new_data = $_POST['data'];
$new_qtderemessa = $_POST['qtderemessa'];
$new_qtdevenda = $_POST['qtdevenda'];
$new_qtdeencalhe = $_POST['qtdeencalhe'];
$new_empresa = $_POST['empresa'];
$update = mysql_query("UPDATE produtos SET produto = '$new_produto', valorunitario = '$new_valorunitario', edicao = '$new_edicao', data = '$new_data', qtderemessa = '$new_qtderemessa', qtdevenda = '$new_qtdevenda', qtdeencalhe = '$new_qtdeencalhe', empresa = '$new_empresa' WHERE id = '$id'");
}
$registro = mysql_num_rows($consulta);
$i = 1;
while($ln = mysql_fetch_array($consulta)){
if($i < $LoopH){
echo'
<td align="center" valign="top">
<a href="#janela'.$ln['id'].'" rel="modal" class="tbltop"><div class="tbl">'.$ln['produto'].'</div></a>
<div class="window" id="janela'.$ln['id'].'">
<a href="#" class="fechar">Voltar</a>
<form action="" id="formedita" name="formedita" method="post">
<table border="0" cellspacing="0" cellpadding="0" class="tabela">
<tr>
<td>Nome do Produto:</td>
<td><label for="produto"></label><input class="input" id="produto" type="text" name="produto" value="'.$ln['produto'].'" /></td>
</tr>
<tr>
<td>Valor Unitário R$:</td>
<td><label for="valorunitario"></label><input class="input" id="valorunitario" type="text" name="valorunitario" value="'.$ln['valorunitario'].'" /></td>
</tr>
<tr>
<td>EDIÇÃO:</td>
<td><label for="edicao"></label><input class="input" id="edicao" type="text" name="edicao" value="'.$ln['edicao'].'" /></td>
</tr>
<tr>
<td>DATA:</td>
<td><label for="data"></label><input class="input" id="data" type="text" name="data" value="'.$ln['data'].'" /></td>
</tr>
<tr>
<td>Remessa Qtde:</td>
<td><label for="qtderemessa"></label><input class="input" id="qtderemessa" type="text" name="qtderemessa" value="'.$ln['qtderemessa'].'" /></td>
</tr>
<tr>
<td>Venda Qtde:</td>
<td><label for="qtdevenda"></label><input class="input" id="qtdevenda" type="text" name="qtdevenda" value="'.$ln['qtdevenda'].'" /></td>
</tr>
<tr>
<td>Encalhe Qtde:</td>
<td><label for="qtdeencalhe"></label><input class="input" id="qtdeencalhe" type="text" name="qtdeencalhe" value="'.$ln['qtdeencalhe'].'" /></td>
</tr>
<tr>
<td>Empresa:</td>
<td><label for="empresa"></label><input class="input" id="empresa" type="text" name="empresa" value="'.$ln['empresa'].'" /></td>
</tr>
<tr>
<td> </td>
<td align="right"><input class="inputsalvar" type="submit" name="atualizar" id="button" value="Salvar"
style="
font-weight:bold;
font-family: Georgia, serif;
"
/>
</tr>
</table>
</form>
</div>
<div id="mascara"></div>
</td>
';
}elseif($i = $LoopH){
echo'
<td align="center" valign="top">
.............Repeti!
</td>
</tr>
<tr>
';
$i = 0;
}
$i++;
}
?>
Javascript.js
$(document).ready(function(){
$("a[rel=modal]").click( function(ev){
ev.preventDefault();
var id = $(this).attr("href");
var alturaTela = $(document).height();
var larguraTela = $(window).width();
//colocando o fundo preto
$('#mascara').css({'width':larguraTela,'height':alturaTela});
$('#mascara').fadeIn(1000);
$('#mascara').fadeTo("slow",0.8);
var left = ($(window).width() /2) - ( $(id).width() / 2 );
var top = $(window).scrollTop()+40;
$(id).css({'top':top,'left':left});
$(id).show();
});
$("#mascara").click( function(){
$(this).hide();
$(".window").hide();
});
$('.fechar').click(function(ev){
ev.preventDefault();
$("#mascara").hide();
$(".window").hide();
});
});
Obrigado.
Discussão (4)
Carregando comentários...