nicht angemeldet
Wie kann ich im Beispiel-Code am Ende dieser Nachricht die Wertezuweisung in der changetab-Funktion durch eine Schleife realisieren?
Welche Möglichkeit gibt es, den id-Ausdruck im document.all.id-Ausdruck hineinzukonstruieren? Z.B. document.all.("sub"+id).style.backgroundColor. Dies ist natürlich falsch, aber wie geht dies nur?
<html><head><title>Test</title>
<STYLE type=text/css>
BODY {FONT-SIZE: 11px; MARGIN: 0px 0px 2px 0px; COLOR: #000000; FONT-FAMILY: tahoma,sans-serif; BACKGROUND-COLOR: #C8EAFF}
TABLE {BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT-SIZE: 11px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px; FONT-FAMILY: tahoma,sans-serif}
A {FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #000066; FONT-FAMILY: tahoma,sans-serif; TEXT-DECORATION: none}
A:link {COLOR: #0202B0}
A:visited {COLOR: #000090}
A:hover {COLOR: #FF00FF}
</STYLE>
<script language="JavaScript">
<!--
function changetab(id)
{
document.all.sub1.style.backgroundColor = (id==1)?"#daeaf6":"93bee2";
document.all.sub2.style.backgroundColor = (id==2)?"#daeaf6":"93bee2";
document.all.sub3.style.backgroundColor = (id==3)?"#daeaf6":"93bee2";
document.all.sub4.style.backgroundColor = (id==4)?"#daeaf6":"93bee2";
document.all.sub5.style.backgroundColor = (id==5)?"#daeaf6":"93bee2";
}
//-->
</script>
</head>
<body>
<table>
<tr style='HEIGHT: 19px' bgColor=#93bee2 border=0>
<td>
<a id="sub1" href="javascript:" onclick="changetab(1)"> test1 </a>
<a id="sub2" href="javascript:" onclick="changetab(2)"> test2 </a>
<a id="sub3" href="javascript:" onclick="changetab(3)"> test3 </a>
<a id="sub4" href="javascript:" onclick="changetab(4)"> test4 </a>
<a id="sub5" href="javascript:" onclick="changetab(5)"> test5 </a>
</td>
</tr>
</table>
</body></html>