Hola y gracias de antemano.
Tengo un problema, ya que estoy trabajando en un catalogo virtual y quiero que el usuario vea unos cuadros de colores y si pincha en un color , el producto cambia de color.
Hasta ahora he logrado unos cuadros con el nombre del color y si pincha , el producto cambia de color
Codigo php
<form name="form1" method="post" action="Tabla_catalogo_malu.php">
<div class= "encabezado">
<img src="../Imagenes/Catalogos/Estylosa.png" class="imgenc">
<input type="button" id="verpedido" value="Ver Pedido" onclick="location.href = 'Pedidos.html'">
</div>
<!-- Comienzo el while principal y el codigo de la paginacion-->
<?php
$sql=mysql_query("select * from productos",$conexion);
/*Codigo de paginacion*/
$nro_reg=mysql_num_rows($sql);
if($nro_reg==0){
echo ' no se han encontrado productos para mostrar';
}
$reg_por_pagina=6;
if(isset($_GET['num'])){
$nro_pagina=$_GET['num'];
}
else{
$nro_pagina=1;
}
if(is_numeric($nro_pagina))
$inicio=($nro_pagina-1)*$reg_por_pagina;
else
$inicio=0;
$sql=mysql_query("select * from productos order by referencia limit $inicio,$reg_por_pagina",$conexion);
$can_paginas=ceil($nro_reg/$reg_por_pagina);
/*Termino Codigo de paginacion*/
while ($f=mysql_fetch_array($sql)){
$Imagen= $f['imagen'];
$Referencia = $f['referencia'];
$id=$f['cod_ref'];
?>
<!-- Comienzo las cajas de productos -->
<div class="caja">
<!--Referencia-->
<p id="ref_<?php echo $id ?>" class="referencia">Ref: <?php echo $Referencia?> </p>
<!--Imagen-->
<img src ="<?php echo $Imagen ?>" height="90" class="imgzap gaston<?php echo $id ?> " id="prod_<?php echo $id ?>" style="display:inline">
<!--While Imagenes Colores-->
<?php
$sql3=mysql_query("select * from colores where cod_ref=".$id,$conexion);
while ($h=mysql_fetch_array($sql3)){
$Img= $h['imagen'];
$Nombre = $h['nombre'];
$id_img=$h['cod_color'];
?>
<img src ="<?php echo $Img?>" height="90" class="imgzap gaston<?php echo $id ?>" id="prod_<?php echo $id ?>_<?php echo $id_img ?>" style="display:none">
<?php
}
?>
<!--Cierro el While Imagenes Colores-->
<!--Abro el While Colores-->
<div style=" position:relative">
<?php
$sql89=mysql_query("select * from colores where cod_ref=".$id,$conexion);
while ($h=mysql_fetch_array($sql89)){
$Img= $h['imagen'];
$Nombre = $h['nombre'];
$id_img=$h['cod_color'];
?>
<div class ="colores" onClick="javascript
:mifuncion('<?php echo $id ?>','<?php echo $id_img?>')">
<?php echo $Nombre?>
</div>
<?php
}
?>
</div>
<!--Cierro el While Colores-->
<!--Abro el While Tallas-->
<div style=" position:relative">
<?php
$sql2=mysql_query("select * from cantidad where cod_ref=".$id,$conexion);
while ($g=mysql_fetch_array($sql2)){
$Talla=$g['cod_talla'];
?>
<div class ="tallas" id="talla_<?php echo $id ?>_<?php echo $Talla?>"onClick="javascript
:mifuncion2('<?php echo $id ?>','<?php echo $Talla?>')"><?php echo $Talla?></div>
<?php
}
?>
</div>
<!--Cierro el While Tallas-->
<input type="button" id="agregarpedido" value="Agregar" >
<!-- cierro las cajas de productos -->
</div>
<!--Cierro el While principal y la conexion -->
<?php }
mysql_close($conexion);
?>
Codigo Jquery
var mifuncion = function(idProd, idProdCol){
$('.gaston'+idProd).css("display","none");
$('#prod_'+idProd+'_'+idProdCol).css("display","in line");
}
Gracias de antemano por la respuesta, y disculpas por el codigo largo