bildertausch beim nachbarn!

[robid]

hallo leute
Habe im linken naviframe eine tabelle 2spalten in der die navi buttons links sind
und möchte das beim klick auf den jeweiligen button rechts daneben in der nächsten spalte ein pfeil erscheint und beim klicken auf den button der auch bleibt..
Steh auf dem schlauch kann jemand kurz erklären wie?
Danke robi

 

[Fabian H]

<td>
  <a href="menue.html" onclick="window.document.images['Item1'].src = 'pfeil.png';">Punkt 1</a>
</td>
<td>
  <img src="blankpng.png" style="width:20px;height:20px;" name="Item1" alt="-&amp;gt;" />
</td>

Blankpng.png ist ein 1x1 Pixel großes, transparentes PNG Bild (alternativ auch Gif)

Und um der nächsten Frage gleich vorzubeugen ("Ich hab mehrere Bilder. Wie kann ich es machen, dass immer nur neben einem Menünkt der Pfeil erscheint?") hier der Code dafür:
(Du musst den Namen des "aktuellen" Bildes in einem Variable speichern und es dann auf Blankpng.png zurücksetzen, wenn ein anderen Button gedrückt wird:

<script type="text/javascript">

var sArrow = '';

function showArrow(a_sImg)
{
    if (sArrow != '') {
        window.document.images[sArrow].src = 'blankpng.png';
    }

    window.document.images['a_sImg'].src = 'pfeil.png';
}

</script>

<a href="menue.html" onclick="showArrow('item1');">Punkt 1</a>
<img src="blankpng.png" style="width:20px;height:20px;" name="Item1" alt="-&amp;gt;" />
<br />
<a href="menue.html" onclick="showArrow('item2');">Punkt 2</a>
<img src="blankpng.png" style="width:20px;height:20px;" name="Item2" alt="-&amp;gt;" />
<br />
<a href="menue.html" onclick="showArrow('item3');">Punkt 3</a>
<img src="blankpng.png" style="width:20px;height:20px;" name="Item3" alt="-&amp;gt;" />