[ERLEDIGT] canvas / window.onload = function()

[rofadus]

Hallo zusammen!

Ich habe folgendes Problem:

In einer html Seite sollen mehrerer Diagramme mit der canvas Funktion generiert und angezeigt werden. Die canvas scripte habe ich nicht selber geschrieben, daher bin ich bei der Problemlösung etwas unbedarft.

Mein Problem ist, dass in jedem script mit "window.onload = function()" die Anzeige der Grafik aufgerufen wird, was zur Folge hat, dass nur die letzte Grafik angezeigt wird weil sich offenbar die "onload" Event überlagern.

Ich habe das mal beispielhaft in dem File http://www.werbefoto2000.de/two_in_one.html online gestellt.

Jedes script alleine funktioniert und wenn ich in einem script das "window.onload = function()" gegen "window.onpageshow = function()" austausche, funktionieren auch beide scripte in einer Datei.

Das ist aber - bei noch mehr scripten in einer Datei - nicht möglich.

btw. ich könnte die scripte natürlich als html ganz auslagern und via iframe einbinden. Ist aber nicht die Lösung die ich suche.

 

[SpiceLab]

Mein Problem ist, dass in jedem script mit "window.onload = function()" die Anzeige der Grafik aufgerufen wird, was zur Folge hat, dass nur die letzte Grafik angezeigt wird weil sich offenbar die "onload" Event überlagern.

Die Lösung liegt darin, die einzelnen window.onload-Funktionen in ein zusätzliches Script auszulagern, um sie von dort aus mit einem einzigen onload-Event ausführen zu lassen.

Demo #1: https://jsfiddle.net/spicelab/zz0cte24/ - Nur die letzte der beiden Funktionen wird ausgeführt
Demo #2: https://jsfiddle.net/spicelab/ykwn3s6k/ - Beide Funktionen werden nacheinander ausgeführt

 

[rofadus]

Vielen Dank! Das hat geklappt. Musste nur zusätzlich aus den beiden scripten den onLoad Befehl noch rausnehmen.