Stefan H.: Bei onclick mehrere DIVs ändern

Beitrag lesen

So, bevor hier jetzt jeder raten muss, was ich wirklich will, ist hier mal der Code.

<script language="javascript" type="text/javascript">

  
var redDiv = null;  
  
function updateDiv(newDiv){  
     if(redDiv) redDiv.style.border = "3px solid green"; // oder border style ""  
     if(newDiv) {  
          newDiv.style.border = "3px solid red";  
          redDiv = newDiv;  
      }  
  
}  

~~~~~~html
  
</script>  
  
</head>  
  
<body>  
    <div id="aufstellung-bild">  
         <img src="/TVO/images/handballfeld.png" alt="" />  
         <div id="spieler-pos-area">  
                <div id="TW" class="spieler-pos">  
                    <span id="span-TW">  
                        <ul>  
                            <li><a href="#SchwarzAlexander" onclick="document.getElementById('einzel-FoersterPeter').style.border='3px solid red';">Alexander Schwarz</a></li>  
                            <li><a href="#FoersterPeter" onclick="document.getElementById('einzel-FoersterPeter').style.border='3px solid red';">Peter F&ouml;rster</a></li>  
                        </ul>  
                    </span>  
                </div>  
                <div id="LA" class="spieler-pos">  
                    <span>  
                        <ul>  
                            <li><a href="#FathSteffen" onclick="document.getElementById('einzel-FathSteffen').style.border='3px solid red';">Steffen Fath</a></li>  
                            <li><a href="#HerzogStefan" onclick="document.getElementById('einzel-HerzogStefan').style.border='3px solid red';">Stefan Herzog</a></li>  
                        </ul>  
                    </span>  
                </div>  
...  

Das ist die Liste, in der man klicken kann (die CSS-Eigenschaften lasse ich euch jetzt mal weg).

Unten hat man dann eine weitere Liste, die per PHP generiert wird - für jeden Spieler ein Listeneintrag. Jeder Listeneintrag hat folgende "ID": "NachnameVorname" - jedoch ohne jegliche Sonderzeichen.

Nun soll beim Klick auf Spieler A dessen Listeneintrags-div unten rot gefärbt werden.
Wenn man nun auf einen weiteren Spieler B klickt, soll sich dessen Listeneintrags-div färben und die von Spieler A wieder entfärben. Usw.... Es soll also immer nur eine div rot sein.

Ich habe jetzt verschiedenste Möglichkeiten ausprobiert und komme einfach nicht weiter.
Da hoffe ich jetzt auf jemanden, der mehr Verständnis der Materie hat. :-)

Nochmals: Danke!!