problema pop up de imagen con javascript y php

felipewilson · #1 (**permalink**) 05/06/2014, 09:59

hola soy novato en php y javascript conozco muy poco en realidad, quisiera ver si me pudieran ayudar con el siguiente codigo:

lo que intento hacer es abrir un popup en otra pagina al clickear la imagen que se despliega con mi ciclo while, esta accion la realizo a través de una funcion de javascript, sin embargo solo me esta redireccionando a la página siguiente el id_producto no el id_fotoproducto, por lo tanto me habre siempre la misma foto para cada producto, les dejo el código, cualquier consejo o duda es de utilidad gracias.

modificar_producto.php

Código PHP:

Ver originalrequire('conexion/conexion.php');
$link=mysql_connect("$localhost","$user","$pass");
mysql_select_db("$db");
$id_producto=$_GET['id_producto'];
 
<html>
<head>            
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
 
 
</head>
 
<body>
<p>&nbsp;</p>
<form id="form1" name="form1" method="post" action="" enctype="multipart/form-data"><?php $cons="select * from fotoproducto where id_producto=$id_producto";
    $res=mysql_query($cons);
    while($reg=mysql_fetch_array($res)){ 
    
    $id_fotoproducto=$reg['id_fotoproducto'];
    $id_producto=$reg['id_producto'];
    $ruta=$reg['ruta_fotoproducto'];    
    ?>
    <script type="text/javascript"> 
    function popventana()
    {
        window.open("popup_producto.php?id_producto=<? echo $id_producto;?>&id_fotoproducto=<? echo $reg['id_fotoproducto'];?>","imagen","width=300,height=300,scrollbars=YES");
    }
    </script>       
        
        <a href="javascript:popventana('popup_producto.php?id_producto=<? echo $id_producto;?>&id_fotoproducto=<? echo $reg['id_fotoproducto'];?>');" ><img src=<? echo $reg['ruta_fotoproducto'];?> width="100" height="100" border="0"></a>           
        
       <input type="checkbox" name="id_fotoproducto20-<? echo $reg[id_fotoproducto]?>" id="id_fotoproducto20-<? echo $reg[id_fotoproducto]?>" value="<?php echo $reg[id_fotoproducto]?>" />
       
<?  //echo $ida=$reg['id_fotoproducto']; 
}?>    
 
     </td>
    </tr>
        
  </table>
</form>

popup_producto.php

Código PHP:

Ver originalrequire('conexion/conexion.php');
$link=mysql_connect("$localhost","$user","$pass");
mysql_select_db("$db");
 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>
<body>
<?php
 
//estos son los que no los recive correctamente desde el otro lado (producto_modificar.php)
$id_producto=$_GET['id_producto'];
$id_fotoproducto=$_GET['id_fotoproducto'];
 
echo "id_producto $id_producto";
 
$sql="select * from fotoproducto where id_producto=$id_producto and id_fotoproducto=$id_fotoproducto";
$resultado=mysql_query($sql);
 
echo "$sql";
 
while($reg=mysql_fetch_array($resultado)){ 
 
 
?>  
    
<img src=<? echo $reg['ruta_fotoproducto'];?> />    
    
<? }?>
</body>
</html>

Triby · #2 (**permalink**) 05/06/2014, 16:44

El problema es que dentro del while estas creando la función Javascript y, seguramente, reescribe a la anterior, por lo que quedará solo la última.

Sugerencia:

Código PHP:

Ver original<?php
// Esto debe quedar antes del while
?>
<script type="text/javascript">
function popventana(id_producto, id_fotoproducto) {
    window.open("popup_producto.php?id_producto=" + id_producto + "&id_fotoproducto=" + id_fotoproducto,"imagen","width=300,height=300,scrollbars=YES ");
}
</script>
<?php
// Luego dentro del while creas la llamada a la función:
<a href="javascript:popventana(<?php echo $id_producto; ?>, <?php echo $reg['id_fotoproducto']; ?>);" ><img src="<?php echo $reg['ruta_fotoproducto'];?>" /></a>

Por cierto, es mejor si asignas tamaño de la imagen por medio de CSS y no directo en la etiqueta.

P.D. Bienvenido a FDW!

felipewilson · #3 (**permalink**) 09/06/2014, 08:49

muchas gracias por la ayuda, el problemas es que estaba pasando los parametros donde declaro la instruccion y no cuando la llamaba en el <href>.

gracias!