getElementById....aber von einer anderen html-seite

Hallo, da bin ich wieder



Mein Projekt schreitet gaz gut voran. Gerade bin ich dabei, eine Möglichkeit einzubauen, mit der man Bilder vom eigenen Rechner hochladen kann.

Ihr könnt Euch das ja mal anschauen unter http://ift.tt/1FfOALi

Und dann unter dem Reiter "Bilder"



Und dieser Reiter ist auch schon mein Problem. Dessen Inhalte liegen nämlich nicht in der index.html sondern in einer Seite namens bilder.html. Beim Click wird allerdings nur der Bereich unter den Tabs erneuert. Die eigentlich Arbeitsfläche bleibt die gleiche.



Nun muss ich aber den Wert, sowohl vom Canvas-Element als auch vom Button auslesen und das kann ich nur wenn das script in der Datei liegt in der auch das Element liegt, oder?



Dieser Code liegt in der bilder.html

Code:

---

var imageLoader = document.getElementById('bilderupload');

imageLoader.addEventListener('change', handleImage, false);

var canvas = document.getElementById('schild');

---

Das hat zufolge, daß das Bild zwar geladen wird, aber nicht in den canvas-Container, weil der ja nicht in der bilder.html liegt.



Gibt es irgendeine Möglichkeit, diese Referenzen eindeutiger und über Seiten hinweg zu setzen?



Grüße

Holger

getElementById....aber von einer anderen html-seite