Einfaden mit opacity

robat · 25.06.2010, 19:12

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.

Code:

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 · 25.06.2010, 20:39

Bitte bentz mal die Debugging-Werkzeuge von Firebug:

Code:

            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 · 25.06.2010, 21:44

Super, Firebug kannte ich gar nicht^^

Dankeschön!

mfg

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Erledigt] Opacity eines Bildes ermitteln	chunky	JavaScript, Ajax und mehr	1	20.02.2010 16:36
variable mit onclick an php	drombusch	PHP Tipps 2009	8	30.08.2009 14:45
CSS; IE7; opacity	stayInside	HTML, Usability und Barrierefreiheit	13	01.03.2009 21:26
drop-down fenster - opacity	feilong	HTML, Usability und Barrierefreiheit	14	07.08.2008 14:28
CSS :: opacity	Guradia	HTML, Usability und Barrierefreiheit	1	06.09.2004 05:18

25.06.2010, 19:12
robat Erfahrener Benutzer Registriert seit: 07.11.2008 Beiträge: 139 PHP-Kenntnisse: Fortgeschritten	Einfaden mit opacity 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. Code: 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


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

25.06.2010, 20:39
Chriz Moderator Registriert seit: 11.05.2008 Beiträge: 6.266	Bitte bentz mal die Debugging-Werkzeuge von Firebug: Code: 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 __________________ "Nuschel ich?" - "Was?"

25.06.2010, 21:44
robat Erfahrener Benutzer Registriert seit: 07.11.2008 Beiträge: 139 PHP-Kenntnisse: Fortgeschritten	Super, Firebug kannte ich gar nicht^^ Dankeschön! mfg