Knapper/buttons (.jpg) skal skifte ved til- og fravalg

Hey jeg plejer bare at gøre det at når man trykker på knappen så hopper den ind i et helt nyt html dokument hvor jeg så har fjernet markeringen fra den gamle knap og sat den på den nye håber du forstår hvad jeg skriver eller så bare sig til så skal jeg nok uddybe det

Det kan f.eks. gøres sådan her:

<div id="beholder">
  Vare1 <a target="hovedramme" href="varebeskrivelse1.htm" onclick="ClickKnap(this.getElementsByTagName('img')[0])">
  <img src="images/knap_ude.jpg"></a>

  Vare2 <a target="hovedramme" href="varebeskrivelse2.htm" onclick="ClickKnap(this.getElementsByTagName('img')[0])">
  <img src="images/knap_ude.jpg"></a>

  Vare3 <a target="hovedramme" href="varebeskrivelse3.htm" onclick="ClickKnap(this.getElementsByTagName('img')[0])">
  <img src="images/knap_ude.jpg"></a>
</div>

<script type="text/javascript">
function ClickKnap(o){
  var aBtn=document.getElementById("beholder");
  for(var i=0;i<aBtn.length;i++){
    aBtn[i].setAttribute("src","images/knap_ude.jpg");
  }
  o.setAttribute("src","images/knap_inde.jpg");
  aBtn=null;
}
</script>

Tak for svarene til jer begge. Jeg ønsker at arbejde i frames, da det giver nogle fordele, derfor kan jeg ikke bruge dit forslag, muzzy69.

w13>> Du er sikkert inde på noget helt rigtigt. Det virker ikke endnu, men det er nok, fordi jeg ikke er godt nok inde i dette "fremmedsprogs" syntaks. Jeg har kopieret den reelle kode ind herunder - dog kun for 2 af 10 knapper (Inger + Jørgen). Jeg håber, du med dit falkeblik kan se, hvor fejlen ligger. Jeg gik ud fra, at linjen med on.click skulle kopieres ind ved begge knapper, mens script-delen bare skal stå nederst. Det hele står inden for body-sektionen.
På forhånd mange tak.

<div align="left" id="beholder">

<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber1" height="100%" align="left">
 
    <tr>
    <td width="74" align="left" height="10%"><b>
    <font face="Verdana" color="#FFFFFF" style="font-size: 10pt">
    Inger </font></b></td>
    <td width="33" align="center" height="10%">
    <a target="hovedramme" href="i_sider/startside_i.htm"
    onclick="ClickKnap(this.getElementsByTagName('img')[0])">
    <img border="0" src="images/groen_knap_ude.jpg" width="28" height="28"></a></td>
  </tr>
 
  <tr>
    <td width="74" align="left"><b>
    <font face="Verdana" color="#FFFFFF" style="font-size: 10pt">
    Jørgen</font></b></td>
    <td width="33" align="center" height="9%">
    <a target="hovedramme" href="j_sider/startside_j.htm"
    onclick="ClickKnap(this.getElementsByTagName('img')[0])">
    <img border="0" src="images/groen_knap_ude.jpg" width="28" height="28"></a></td>
    </tr>

</table>

</div>

<script type="text/javascript">
function ClickKnap(o){
  var aBtn=document.getElementById("beholder");
  for(var i=0;i<aBtn.length;i++){
    aBtn[i].setAttribute("src","images/groen_knap_ude.jpg");
  }
  o.setAttribute("src","images/groen_knap_inde.jpg");
  aBtn=null;
}
  </script>

Oki. Jeg ser lige på det om en times tid, tror jeg.

Koden virker da helt fint for mig, bortset fra at knapper ikke "nulstilles", når man klikker på en anden?

Ret:
  var aBtn=document.getElementById("beholder");
til:
  var aBtn=document.getElementById("beholder").getElementsByTagName("img");

w13>> Så lykkedes det vist. Nu hopper knapperne tilbage som ønsket. Mange tak for hjælpen. Send et svar, så du kan få dine points.

:)