[JeZZifelt]

Jag ville markera tydligt när man lägger in något i en varukorg och tänkte att det enklaste var att lägga till en onclick och göra en animerad bild som visar en grön bock när man klickar och sedan återgår till det vanliga plustecknet.
KOD:

<input type="image" name="my-add-button" src="jcart/images/plus2.gif" value="add to cart" class="button3" onclick="this.src='jcart/images/plus2check.gif'" />


Produkterna ligger listade var för sig i ul och li taggar. Sedan har jag subprodukter som ligger i en div inom huvudproduktens ul som även de har animerade onclick bilder.

Det ser ut att funka jättebra, tills jag inser att när jag lagt till en produkt i varukorgen och lägger till en annan så kommer den gröna bocken upp på båda produkterna. Detta händer dock inte när jag trycker på subprodukternas plustecken. De beter sig precis som jag vill, när jag klickar på en visas bocken och sedan återgår till plustecken, när jag klickar nästa visas bara bock för den produkten jag klickat på o.s.v.

Varför fungerar det inom subprodukternas divar men inte i huvudlistan?

Vore bra om det fanns något enkelt alternativ att lösa detta på, utan att behöva t.ex. döpa varje produktbild för sig. Det är nämligen en ganska lång lista, så hoppas på att det går att fixa någon enkel lösning.

Tacksam för er hjälp!