• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

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

Status
Für weitere Antworten geschlossen.

Max_

Neues Mitglied
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
 
Werbung:
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
 
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?
 
Werbung:
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:
Javascript:
window.someFunction = function () {
  var myElement = document.querySelector("#element");
      myElement.style.backgroundColor = "#FF0000";
};

Child:
Javascript:
window.parent.someFunction();
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben