Hintergrund einer Zelle ändern

[ralf]

Hallo,

ich hab folgenden Code:

Style:
<style type="text/css">
.navitem { font-family: Arial; font-size: 12px; background-color: #FFFFFF; text-align: center; vertical-align: bottom; border: 1px solid #FFFFFF; width: 100px; }
.navitem_over { font-family: Arial; font-size: 12px; text-align: center; vertical-align: bottom; border: 1px solid #D9D9D9; width: 100px; }
</style>

JavaScript:
function onMenu(element) {
 element.className="navitem_over";
}
function offMenu(element) {
 element.className="navitem";
}

Die Funktionen werden so aufgerufen:
<td class="navitem" onMouseOver="onMenu(this)" onMouseOut="offMenu(this)"><a href="index.php">Moskito</a></td>
<td class="navitem" onMouseOver="onMenu(this)" onMouseOut="offMenu(this)"><a href="index.php">Albatros</a></td>
<td class="navitem" onMouseOver="onMenu(this)" onMouseOut="offMenu(this)"><a href="index.php">Campus</a></td>

Das Funktioniert auch ganz gut, nur möchte ich jetzt das sich für jeden Link die Hintergrundfarbe ändert, und zwar nicht alle gleich sondern in drei Verschiedenen Farben.

Ich hab folgendes Probiert:
function onMenu(element,color) {
 element.className="navitem_over";
        element.style.background-color=color;
}

In der Zelle hab ich es so aufgerufen: onMouseOver="onMenu(this,'#FF0000)"

Aber das hat leider nicht funktioniert

Jemand ne Idee wie man das machen kann?

Danke und Gruß

Ralf

[Z.N.S.]

abend,

function onMenu(element,color) {
 element.className="navitem_over";
        element.style.background-color=color;

wenn du mit JS stylesheetangaben editieren/ansprechen möchtest gilt
folgende Regel: ein minus (-) inmitten des namens entfällt und der
darauffolgende buchstabe wird dann großgeschrieben: also wird aus
deinem background-color schonmal backgroundColor.. aber das wird auch
nicht helfen.

Jemand ne Idee wie man das machen kann?

willst du unbedingt die style-class ändern ? wenn nicht, dann kannst du
dir ja deinen ganzen kram (umrandung beim link, farbe, etc..) mit in die
JS-funktion packen und zB via bla.style.verticalAlign = "bottom" verändern.
das mit den klassen hat irgendwann bei mir auch schonmal nicht den
gewünschten erfolg gehabt.. was natürlich nicht heissen muss, dass es
nicht doch relativ einfach machbar sein kann...

mfg,
Z.N.S.

[ralf]

Hi,

wenn du mit JS stylesheetangaben editieren/ansprechen möchtest gilt
folgende Regel: ein minus (-) inmitten des namens entfällt und der
darauffolgende buchstabe wird dann großgeschrieben: also wird aus
deinem background-color schonmal backgroundColor.. aber das wird auch
nicht helfen.

Oh doch, dass hat mir sehr geholfen, danke

Ralf