Einfaden mit opacity

[robat]

Hallo Leute,

ich habe folgendes Script geschrieben, in der Hoffnung, dass es mir eine Tabelle einblendet.
Dabei soll opacity schrittweise um 0.1 jede Sekunde erhöht werden, bis 1 erreicht wurde.

function fadein(id)
{
	var alt = 0;
	if(document.getElementById(id).style.opacity != 1)
	{
		alt = document.getElementById(id).style.opacity;
		document.getElementById(id).style.opacity = alt+0.1;
		window.setTimeout("fadein('"+id+"')",1000);
	}
}

Leider geht das noch nicht richtig, er bleibt immer bei 0.1 hängen.
Die Funtion wird aber jede Sekunde aufgerufen (mit alert geprüft).

Seht ihr sofort was? Ist ja recht überschaubar

Danke euch!

mfg

robat

[Chriz]

Bitte bentz mal die Debugging-Werkzeuge von Firebug:

            function fadein(id)
            {
                var alt = 0;
                if(document.getElementById(id).style.opacity != 1)
                {
                    alt = document.getElementById(id).style.opacity;
                    neu = alt+0.1;
                    console.log(neu);
                    document.getElementById(id).style.opacity = neu;
                    window.setTimeout("fadein('"+id+"')",1000);
                }
            }

Dann siehst du, dass opacity einen Stringwert beim Auslesen zurückliefert und beim Schreiben in einen Floatwert konvertiert.

"0.1" + 0.1 ergibt also den Stringwert "0.10.1" und damit den Floatwert 0.1 Nicht ganz einfach zu finden, wenn man garkeinen Anhaltspunkt hat, aber Debugging sollte doch für einen Entwickler möglich sein!

Siehe:
http://de.selfhtml.org/javascript/ob...tm#parse_float

[robat]

Super, Firebug kannte ich gar nicht^^

Dankeschön!

mfg