Skift td baggrund ved checkbox onclick
HejJeg vil gerne skifte td baggrund ved checkbox onclick. Det jeg har fået strikket sammen, virker også fint, men kan én gang. Jeg kan skifte baggrundsbilledet og skifte det tilbage igen, men så kan jeg ikke skifte det mere. Jeg vil gerne ha' at man kan skifte frem og tilbage lige så mange gange man har lyst til.
Scriptet:
function changeTableImage(){var imgPath = new String();
imgPath = document.getElementById("tab2").style.backgroundImage;
if(imgPath == "url(images/paperline.png" || imgPath == ""){
document.getElementById("tab2").style.backgroundImage = "url
(images/paperline2.png)";}
else{document.getElementById("tab2").style.backgroundImage = "url(images/paperline.png)";}
}
Html'en:
<tr>
<td id="tab2" align="center" valign="bottom" height="43" background="images/paperline.png">
<table width="302" border="0"><tr>
<td width="10" align="left">
</td>
<td width="280" align="left" valign="bottom">
Mælk
</td><td width="10" align="right" valign="middle">
<input name="0000000001" align="right" type="checkbox" onclick="changeTableImage()" />
</td></tr></table>
</td>
</tr>
Måske er der en lettere måde at gøre det på. Der skal laves 100 celler jeg vil gerne undgå at lave 100 functions.
Jeg håber der er en der kan hjælpe, da jeg ikke er den store javascripthaj :-)