[ERLEDIGT] iFrame-Zugriff - CSS-Eigenschaften in Abhängigkeit von Variablen ändern

[Max_]

Hallo,

Ich habe folgendes Problem:

Auf der Hauptseite sind Elemente dargestellt, dessen CSS Eigenschaften in Abhängigkeit einer Variable geändert werden sollen. Die Hauptseite soll allerdings nicht ständig komplett aktualisiert werden, daher wollte ich das einlesen der Variable auf eine zweite html Seite auslagern und diese in einem bestimmten Zyklus aktualisieren.
Wie kann ich jetzt der Hauptseite die aktuellen Werte der zweiten Seite übergeben?

gruß Max

 

[scbawik]

Hallo,

Ich habe folgendes Problem:

Auf der Hauptseite sind Elemente dargestellt, dessen CSS Eigenschaften in Abhängigkeit einer Variable geändert werden sollen. Die Hauptseite soll allerdings nicht ständig komplett aktualisiert werden, daher wollte ich das einlesen der Variable auf eine zweite html Seite auslagern und diese in einem bestimmten Zyklus aktualisieren.
Wie kann ich jetzt der Hauptseite die aktuellen Werte der zweiten Seite übergeben?

gruß Max

https://developer.mozilla.org/en-US/docs/Web/API/Window/parent

 

[Max_]

okay, danke erstmal. Das funktioniert schon mal.
Ich bekomm es allerdings nicht so richtig hin, aus der Änderung der Werte ein Event zu machen, welches die gewünschte Veränderung im CSS bewirkt. Jemand ein Stichwort oder eine Idee dazu?

 

[scbawik]

okay, danke erstmal. Das funktioniert schon mal.
Ich bekomm es allerdings nicht so richtig hin, aus der Änderung der Werte ein Event zu machen, welches die gewünschte Veränderung im CSS bewirkt. Jemand ein Stichwort oder eine Idee dazu?

Ob das auch mit Events funktionieren würde, kann ich jetzt nicht sagen.
Eine Möglichkeit ohne Event wäre es im Parent-Scope eine Funktion zu definieren und diese dann vom Child aus aufzurufen.

Parent:

window.someFunction = function () {
  var myElement = document.querySelector("#element");
      myElement.style.backgroundColor = "#FF0000";
};

Child:

window.parent.someFunction();

 

[Max_]

Sehr gut, hab mit dem Ansatz das erreicht was ich wollte. Danke