Por cierto sabrias decirme porque no funciona si uso los alt para recoger los numeros y si funciona si uso el name en su lugar?
Código HTML:
<html>
<head>
<script type="text/javascript">
<!--
var oldprod;
var oldname;
function cambiarValores(obj,prod) {
var img = obj.src;
img = img.split('/').pop();
img = img == 'boton-bebidas-' + obj.alt + '-off.png' ? 'images/boton-bebidas-' + obj.alt + '-on.png' : 'images/boton-bebidas-' + obj.alt + '-off.png';
obj.src = img;
if(oldprod == prod) {
var oldimg = document.getElementsByName(oldname)[0];
oldimg.src = 'images/boton-bebidas-' + oldname + '-off.png';
}
//alert(oldprod);
//alert(prod);
oldprod = prod;
oldname = obj.alt;
//-->
</script>
</head>
<body>
<img src="images/boton-bebidas-1-off.png" alt="1" onclick="cambiarValores(this,'Coca-Cola')" />
<input type="hidden" name="coca-cola-1" value="bebida" />
<img src="images/boton-bebidas-2-off.png" alt="2" onclick="cambiarValores(this,'Coca-Cola')" />
<input type="hidden" name="coca-cola-2" value="bebida" />
<img src="images/boton-bebidas-1-off.png" alt="1" onclick="cambiarValores(this,'Fanta-Naranja')" />
<input type="hidden" name="fanta-naranja-1" value="bebida" />
<img src="images/boton-bebidas-2-off.png" alt="2" onclick="cambiarValores(this,'Fanta-Naranja')" />
<input type="hidden" name="fanta-naranja-2" value="bebida" />
</body>
</html> El problema del name es que no funciona si uso mas de un elemento con el mismo name y he de hacerlo. Tampoco funciona con id obviamente, por eso me decante por coger el valor de los alt pero no funcionan.
Saludos y gracias ;)