tc6: tabellenzellen einfaerben mit class

Beitrag lesen

moin moin
hier mein erster richtiger eintrag im forum
also ich moechte die eigenschaften mehrerer! tabellenzelle beeinflussen
wenn ich in einem anderen frame uebereinen index gehe (onmouseover)
das habe ich auch erreicht
mein problem besteht darin, dass ich keine arbeitsfreundliche erweiterungsmoeglichkeit habe
wenn mehr a-werte hinzukommen, muss ich zahlen !
und die zu uebergebenden schleifenwerte erhoehen bzw. aendern
frage: kann man das ganze nicht mit "class" machen
z.b. alle class="aa" einfaerben, alle class="bb"
mit id geht es nicht - weil keine doppelten ids moeglich
meine ideen sind zu ende
ich hoffe auf euch
thanx for all ;)

hier die quellcodes:

--- das Frameset ----

[...]
<frameset cols="160,*" frameborder=0 border=0>
<frame src="navigate.htm"  name="navi" frameborder=no border=0 marginheight="0" marginwidth="0" scrolling=no noresize framespacing=0>
<frame src="shorts.htm" name="into" frameborder=no border=0 marginheight="0" marginwidth="0" scrolling=auto noresize framespacing=0>
</frameset>
[...]

--- Datei --- "navigate.htm"

[...]
function LightOn(b,max) {
var i;
for(i=b;i<=max;i=i+2) {
parent.into.document.all.tags("td")[i].style.setAttribute("BackgroundColor","orange","true"); } }

function LightOff(b,max) {
var i;
for(i=b;i<=max;i=i+2) {
parent.into.document.all.tags("td")[i].style.setAttribute("BackgroundColor","#bc8f8f","true"); } }

//-->
</script>
[...]
<a href="shorts.htm#a" target="into" class="a" onMouseover="LightOn(0,24)" onMouseout="LightOff(0,24)">A</a>
<a href="shorts.htm#b" target="into" class="a" onMouseover="LightOn(26,26)" onMouseout="LightOff(26,26)">B</a>
[...]

--- Datei --- "shorts.htm"

[...]
<tr><td class="aa"><a name="a">A01</a></td><td class="b">text</td></tr>
<tr><td class="aa">A02</td><td class="b">text</td></tr>
<tr><td class="aa">A03</td><td class="b">text</td></tr>
<tr><td class="aa">A04</td><td class="b">text</td></tr>
<tr><td class="aa">A05</td><td class="b">text</td></tr>
<tr><td class="aa">A06</td><td class="b">text</td></tr>
<tr><td class="aa">A07</td><td class="b">text</td></tr>
<tr><td class="aa">A08</td><td class="b">text</td></tr>
<tr><td class="aa">A09</td><td class="b">text</td></tr>
<tr><td class="aa">A10</td><td class="b">text</td></tr>
<tr><td class="aa">A11</td><td class="b">text</td></tr>
<tr><td class="aa">A12</td><td class="b">text</td></tr>
<tr><td class="aa">A13</td><td class="b">text</td></tr>
<tr><td class="bb"><a name="b">B01</a></td><td class="b">text</td></tr>
<tr><td class="cc"><a name="c">C01</a></td><td class="b">text</td></tr>
<tr><td class="cc">C02</td><td class="b">text</td></tr>
[...]