Max-Leonhard von Schaper: Laufend sich aendernde Farbe

Beitrag lesen

Hallo,

Nach dem ich gestern Nacht verzweifelt mit dem Problem gekaempft habe und bis jetzt keine Loesung gefunden habe, brauche ich Hilfe:

Im Programmieren mit anderen Sprachen etwas bewandt wollte ich eine DHtml Loesung finden um einen textbereich dynamisch seine Farbe aendern zu lassen.

Ich hatte dazu in ZWEI verschiedenen Dateien einmal
einen <p id=hea1> [text] </p> und einen <span id=Hea1> [text] </span> Bereich definiert.

Im Body steht: <body OnLoad="Init(255);"> [Inhalt] <body>

Damit sollte also die Javscript-Datei Init(); aufgerufen werden.

In meiner Javascript-Datei habe ich folgende function definiert:

function Init(x) {
var p;
if (x>100){
p = x-5;
document.GetElementsById("Hea1").style.color = "rgb("+p+",0,0)";
Windows.Timeout("Init(p);",500)};
if (x<100) {Init2(x);}
}

function Init2(x) {
var p;
if (x<250) {
p = x+5;
document.GetElementsById("Hea1").style.color = "rgb("+p+",0,0)";
Windows.Timeout("Init2(p);",500)};
if (x>250) {Init(x);}
}

Im Prinzip soll der folgende Effekt entstehen:

Beim Laden des Dokuments wird Init aufgerufen und die Anfangsfarbe des Textes rgb(250,0,0) = rot soll Schritt fuer Schritt dunkler werden (p = x-5) bis sie den Grenzwert rgb (100,0,0) erreicht und dann ueber Init2 wieder heller werden bis sie den Wert rgb (250,0,0) erreicht, dann soll es wieder dunkler werden.

Ueber Windows.Timeout (XXX, 500) wird das Interval bestimmt.

Aber da Javascript so einen schoenen Compiler hat der mir nur "Object expected" anzeigt, kann ich den Fehler nicht finden.

Meine bisherigen Ueberlegungen haben mich auf folgende moegliche Fehlerursachen gebracht:

1. <p> / <span> duerfen keine style.color haben oder
2. die rgb definition ueber p hat einen Fehler

Koennt ihr mir weiterhelfen?

Ich waere euch sehr dankbar!

Gruss, Max