null or not an object
jeg har lavet følgende funktion som sætter et filter på et image ved en checkbox.------------------------------------------
<html>
<head>
<script language="JavaScript">
<!--
var pic
function fx(i){
if(myform.chk4.checked){
img4.style.filter='Xray';
}else{
img4.style.filter='';
}
}
//-->
</script>
</head>
<body >
<form action="" name="myform" id="myform"><table >
<tr>
<td id="img4" ><img src="fruit.gif" alt="" width="80" height="60" border="0"></td>
<td><input type="checkbox" name="chk4" id="chk4" value="" OnClick="fx(4);"></td>
</tr>
</table>
</form>
</body>
</html>
------------------------------------------
Og det virker egentlig fint. men så vil jeg gerne lave det så functionen kunne virke på flere images afhængig af id:
--------------------------------
<html>
<head>
<script language="JavaScript">
<!--
var pic
function fx(i){
pic="img"+i;
if(myform.chk4.checked){
pic.style.filter='Xray';
}else{
img4.style.filter='';
}
}
//-->
</script>
</head>
<body >
<form action="" name="myform" id="myform"><table >
<tr>
<td id="img4" ><img src="fruit.gif" alt="" width="80" height="60" border="0"></td>
<td><input type="checkbox" name="chk4" id="chk4" value="" OnClick="fx(4);"></td>
</tr>
</table>
</form>
</body>
</html>
--------------------------------------
og det virker ikke...så får jeg fejlen : pic.style is null or not an object.
Hvordan laver jeg det så det virker afhængigt af images id???
