comment faire cela avec le JS?

[Argorate]

Me revoila, eheh, quand on croit que ça marche, on se rend compte que si on veux ameliorai sa marche plus!

bonjour, voila mon pb:

j'ai le JS suivant:

<script language="javascript">

function recupvalue(valeur)
{
document.getElementById("tester").value=valeur;
}
function clik()
{
document.imageterraint.src='images/terrain/t'+document.getElementById("tester").value+'.gif';
}
</script>

et le code html suivant:

<form>
<input type="text" size="2" value="0" id="tester">
</form>
<br>
<table border="1" cellpadding="0" cellspacing="0" style="font-size:1px">
<tr>
<td value="1" onClick="recupvalue(this.value);">
<img src="images/terrain/t1.gif">
</td>
<td value="2" onClick="recupvalue(this.value);">
<img src="images/terrain/t2.gif">
</td>
</tr>
</table>
<br>
<table border="1" cellpadding="0" cellspacing="0" style="font-size:1px">
<tr>
<td style="width:50px; height:50px; font-size:1px" onClick="clik();"><img src="images/vide.gif" name="imageterrain"></td>
<td style="width:50px; height:50px; font-size:1px" onClick="clik();"><img src="images/vide.gif" name="imageterrain"></td>
</tr>
</table>

La manoeuvre se fait en deux temps:
on clique dans une des deux cases du premier tableau, est avec le JS c'est cencé changer la valeur de l'imput par celle de la case où on a cliqué
Premier pb: cela marche avec IE et maxthon mais evidament pas avec FF -_-'

Une fois la veleur de l'imput changé, il faut que quand on clique sur une des 2 cases du 2e tableau, l'image se transforme avec celle corespondante.

Mon gros pb se citue là! j'ai plusieurs <img> qui on le meme "name="imageterrain"" donc le script marche quand il y a une image, mais quand y en a 2 ou plus cela marche plus, je ne sais pas comment faire pour diferencié les deux images.

je sais pas si tout ça est clair, toute aide sera la bienvenue...