id von Element auslesen und in Variable abspeichern

[syuam]

<script>
function changecolor(img)
{
    var images = document.getElementsByTagName("img");
    for(var i=0,j=images.length; i<j; i++)
    {
        images[i].style.borderColor="#000";
    }
    img.style.borderColor="#F00";
    //Operate on img location as before
    document.getElementById('hiddenSrc').value = img.src; //das value wird immer verschickt
}
</script>

<form action="submitPage.php" method="post"> 
<table>
  <tr>
    <td id="id1"><img src="<?php echo $path; ?>" onclick="changecolor(this)" /></td>
    <td id="id2"><img src="<?php echo $path; ?>" onclick="changecolor(this)" /></td>
  </tr>
  <input type="hidden" id="hiddenSrc" name="input_name" value="str" />
  <input type="submit" value="Submit" />
</table>

Das Bild befindet sich hier im "td"-tag.
Per Klick auf eines dieser Bilder wird "img-src"-tag im input-hidden-Feld gespeichert und kann so auf der submitPage.php ausgelesen werden.(wozu ist nicht weiter wichtig)
Nun ist meine Frage, wie ich weiterhin nur per Klick auf das Bild die "id" der Tabellenzelle in einem input-hidden-Feld abspeichern kann. Diese "id" möchte ich nämlich auf der submitPage.php auch auslesen können.
ich weiß nicht welchen js-Befehl ich nun nehmen muss, da sich der "td"-tag außerhalb des "img"-tags befindet.
muss ich eine neue Funktion schreiben oder die vorhandene ergänzen?
Könnt ihr mir da weiterhelfen?
lg

 

[Cheffchen]

hallö,

glaube mit rein js wird das eine function werden müssen. schau dir mal vielleicht besser jquery an, das macht vieles einfacher und genau die frage ist mit ein Befehl geklärt.

cheffchen

 

[syuam]

könte ich da auch mit:

img.parentElement

ran?
lg

 

[Cheffchen]

Hallo,

ja genau das ist das in js.

schau mal einfach hier, da findest viele mit beispielen: SELFHTML: JavaScript / Objektreferenz / all

Cheffchen