Ich bin ja leider in JavaScript eine ziemliche Null und finde grad bei einer kleinen Testfunktion das Problem nicht.
Ich habe folgenden Code:
<html>
<head>
<title></title>
<script type="text/javascript">
<!--
var netzwerke = new Array(1,2);
var status;
function ProfilSwitch(status) {
if(status) {
for(var i=1; i<=netzwerke.length; i++) {
document.getElementById("zielsetzungID"+i).style.background-color="#cecfd2";
document.getElementById("zielsetzungID"+i).style.color="#000000";
document.getElementById("standID"+i).style.background-color="#455374";
document.getElementById("standID"+i).style.color="#ffffff";
document.getElementById("zielsetzung"+i).style.display="none";
document.getElementById("stand"+i).style.display="inline";
}
}
else {
for(var i=1; i<=netzwerke.length; i++) {
document.getElementById("zielsetzungID"+i).style.background-color="#455374";
document.getElementById("zielsetzungID"+i).style.color="#ffffff";
document.getElementById("standID"+i).style.background-color="#cecfd2";
document.getElementById("standID"+i).style.color="#000000";
document.getElementById("zielsetzung"+i).style.display="inline";
document.getElementById("stand"+i).style.display="none";
}
}
}
//-->
</script>
</head>
<body>
<table border='0' cellpadding='0' cellspacing='0' style='width:299px;background-color:#cecfd2'>
<tr>
<td id='zielsetzungID1' style='background-color:#455374;width:149px;color:#ffffff;cursor:pointer;' onclick='ProfilSwitch(false);'>
Zielsetzung:
</td>
<td id='standID1' style='background-color:#cecfd2;width:125px;color:#000000;cursor:pointer;' onclick='ProfilSwitch(true);'>
{$stand}
</td>
<td id='standIDA1' style='background-color:#cecfd2;width:21px;padding:2px;'>
<a href='popups/ap.sninfo.php?band={$_band}&sn={$a->id1}' onclick='Details(this.href); return false' target='_blank' title='Gesamtübersicht'>
<img src='sn/{$src2}' alt='Details' border='0'>
</a>
</td>
</tr>
</table>
<div id='zielsetzung1' style='display:inline;background-color:#ffffff;height:92px;padding:3px;border:1px #a0a0a0 solid;'>
{$a->zielsetzung1}
</div>
<div id='stand1' style='display:none;background-color:#ffffff;height:98px;overflow:auto;padding:0;'>
{$lastweek}
</div><br>
<table border='0' cellpadding='0' cellspacing='0' style='width:299px;background-color:#cecfd2'>
<tr>
<td id='zielsetzungID2' style='background-color:#455374;width:149px;color:#ffffff;cursor:pointer;' onclick='ProfilSwitch(false);'>
Zielsetzung:
</td>
<td id='standID2' style='background-color:#cecfd2;width:125px;color:#000000;cursor:pointer;' onclick='ProfilSwitch(true);'>
{$stand}
</td>
<td id='standIDA2' style='background-color:#cecfd2;width:21px;padding:2px;'>
<a href='popups/ap.sninfo.php?band={$_band}&sn={$a->id1}' onclick='Details(this.href); return false' target='_blank' title='Gesamtübersicht'>
<img src='sn/{$src2}' alt='Details' border='0'>
</a>
</td>
</tr>
</table>
<div id='zielsetzung2' style='display:inline;background-color:#ffffff;height:92px;padding:3px;border:1px #a0a0a0 solid;'>
{$a->zielsetzung1}
</div>
<div id='stand2' style='display:none;background-color:#ffffff;height:98px;overflow:auto;padding:0;'>
{$lastweek}
</div><br>
</body>
</html>Layout und HTML-Code ist erstmal völlig Banane, das wird noch angepasst und spielt derzeit noch keine Rolle. Es geht mir lediglich auf die Javascript-Funktionalität.
Beim Klick auf die Zellen mit der id "standx"/"zielsetzungx" soll der entsprechende div-bereich eingeblendet und der jeweils andere ausgeblendet werden.
Momentan funktioniert gar nichts.
Beim Aufruf der Seite kommt in der Firefox Fehlerkonsole die Meldung:
invalid assignment left-hand side
document.getElementById("zielsetzungID"+i).style.background-color="#cecfd2";
Beim Klick auf eine der Tabellenzellen kommt:
ProfilSwitch is not defined
Ich kann mir irgendwie grad leider beide Meldungen nicht erklären.
Hat jemand einen nützlichen Hinweis für mich? 
