Bueno!!!! empezare, en este foro e encontrado muchas respuestas y soluciones a problemas que me eh topado programando sistemas web asi que me inscribí y posteo esto a ver que tal por que no doy con lo que quiero, aunque creo que es una cosa muy simple, pero no manejo casi nada de JavaScript o JQUERY.
Tengo un modulo de pedidos para un sistema, tengo una tabla de productos (productos) y otra tabla de categoria de productos (catproductos), donde en la categoria y dentifico que tipo de producto hay en la BD.
Lo que quiero hacer es poner en un carrucel de imagenes (ya lo hice) las imagenes de cada categoria de productos, en el carrucel, aparecen todas las categorias, si agrega una nueva categoria, se agregara automaticamente al carrucel.
(UTILIZO CAKEPHP 1.3)
Código PHP:
<?php foreach ($categoria as $categor): ?>
<tr><td><a class="wrapper"><input type="text" name="nick" value="<?php echo $categor['Catproducto']['id']?>" onkeyup="javascript:very()" /></td>
<td><a class="wrapper" title="<?php echo $categor['Catproducto']['categoria'] ?>"><img src="/sistema2/catproductos/mostrarm/<?php echo $categor['Catproducto']['id']?>"width="140px" height="180px" [COLOR="Red"]onclick="javascript:very()"[/COLOR]>
</td>
</tr>
</table></a>
<?php endforeach; ?>
</form>
Como ven utilizo un foreach para mostrar todas las categorias, en la imagen tengo un onClick que manda a llamar uuna funcion JS :
<script>
function very(){
$("#final").fadeOut("slow");
$.ajax({type: "GET",url:"resumen", data:"nick="+document.nickval.nick.value,success:f unction(msg){
$("#resumen").fadeIn("slow",function(){
$("#resumen").html(msg);
<!-- Aumenta "1" con cada click de la imagen-->
$(".caja").click(function(){
var valoractual =$(this).parent().parent().find("td:eq(4) input:first").val();
valoractual++;
$(this).parent().parent().find("td:eq(4) input:first").val(valoractual);
});
<!-- FIN Aumenta "1" con cada click de la imagen-->
})
}})
}
</script>
En el foreach tambien tengo un input type=hidden donde tengo el ID de cada categoria, y el name=nick es lo que la funcion very() recoje del input y manda el value de nick por el metodo get a otra pagina donde la recibo y me despliega una tabla con los productos relacionados .
el detalle que tengo es que como el imput se genera un N numero de veces, todos tienen el mismo nombre "NICK" y la funcion very() en teoria no identifica cual valor de todos los input con el nombre "NICK" que quiero utilizar.
En teoria cuando yo le de click a una imagen de la categoria, por decir; si le doy click a la categoria "AVES" en una tabla abajo, me debe mostrar: Gallina, Pavo, Pato, etc..
La tabla ya esta hecha, las categorias ya estan, la busqueda en la BD tambien, la funcion JS tambien!!!
Y MI GRAN DILEMA ES QUE QUIERO QUE CUANDO LE DE CLICK A LA CATEGORIA "aves" QUE TIENE UN "id"= 3 ME MANDE ESE "3" POR MEDIO DEL NOMBRE NICK, la funcion very() toma el valor del input con el nombre nick y se lo lleva por el metodo get.
no se si me explique bien pero si no les quedo claro, haganme cualquier pregunta.