OnMouseOver - Style eines Elements

[EKKi]

Mahlzeit Jeremy,

Leider bin ich blutiger Anfänger in Sachen Javascript. Was mache ich falsch?

Einiges:

[code lang=html]<div style="width:100%;">
<a href="#" onmouseover="javascript:contentchange(2008,2009,2010);"><h3>2008</h3></a>
<a href="#" onmouseover="javascript:contentchange(2009,2008,2010);"><h3>2009</h3></a>
<a href="#" onmouseover="javascript:contentchange(2010,2008,2009);"><h3>2010</h3></a>

Das sieht wie eine http://de.selfhtml.org/html/text/listen.htm#aufzaehlung@title=Liste aus. Zeiche sie also auch als solche aus.

Darüber hinaus handelt es sich ganz offensichtlich *nicht* um Links (da sie nirgendwohin verlinken). Eliminiere also die <a>-Elemente und nutze stattdessen passendere (wenn Du eine Liste benutzt, hast Du ja schon welche: <li>).

<div style="background-color:white;visibility:hidden;" id="2008">

IDs dürfen nicht rein numerisch sein.

function contentchange(container1,container2,container3) {

document.getElementByID(container1).style.backgroundColor='#ff6600';

Das Objekt "document" kennt keine solche Methode. Meinst Du stattdessen http://de.selfhtml.org/javascript/objekte/document.htm#get_element_by_id@title=getElementById()? Merke: Javascript legt Wert auf korrekte Groß- und Kleinschreibung!

document.getElementByID(container2).style.backgroundColor='##ffffff';

Was erwartest Du von derart falschen http://de.selfhtml.org/html/allgemein/farben.htm@title=Farbangaben?

MfG,
EKKi