pasa que tengo una lista de resultados generada por una consulta a la base de datos
while ($reg = mysqli_fetch_array($resultado)) {
$id = $reg["id"];
$descri = utf8_encode($reg["descri"]);
$precio = $reg["precio"];
$marca = utf8_encode($reg["nombre_m"]);
$catego = utf8_encode($reg["nombre_c"]);
$pais = utf8_encode($reg["pais"]);
$imagen = $reg["imagen"];
include "../2.inc/formu-compras.inc";
}
y el tema es que quiero que al clickear en uno de esos resultados
<!---Aquí sería el include "../2.inc/formu-compras.inc";---->
<!---Por ejemplo clikear el div con id = 2 agarrar lo que contenga $imagen y mostrarlo----->
<div id="filas-imagen-marca">
<div id="2"><?php echo "<img title='Agrandar imagen' src='$imagen' width='100' height='100'>";
echo "<input id='3' type='hidden' value='$imagen'>";
?></div>
<div id="filas-marca"><?php echo "$marca"; ?></div>
</div>
me permita ver la variable que lo compone (sin recargar la pagina).
Lo intenté hacer aplicando ajax, pero solo me muestra el contenido del primer $imagen
que sale, y quiero que me muestre dependiendo del que haya clickeado, pero no sé cómo. Les dejo lo que queda de mi código para que se hagan mejor la idea.
$(document).on('click','#2', function() {
var imagenpop=$("#3").val();
pop(imagenpop);
});
function pop(imagenpop){
$.ajax({
url : 'popup.php',
type : 'POST',
datatype :'html',
data : { imagenpop : imagenpop
},
})
.done(function(resultado) {
$("#popup_a").html(resultado);
})
}
Aquí lo que tengo en "popup.php"
if (isset($_POST['imagenpop'])) {
$q=$_POST["imagenpop"];
echo "$q";
}