Schriftfarbe in einem Iframe ändern?
Hallo,
Also folgendes Scenario, ich schreibe gerade an einer Website die einen iframe enthält der sich im selben Ordner befindet.
Auf der Hauptseite habe ich die Möglichkeit eingebaut den style zu ändern, dies ermögliche ich mit zwei verschiedenen .css Datein zwischen denen es möglich ist zu wählen. Jetzt möchte ich das sich die Schriftfarbe (.css file) von dem iframe auch ändert wenn ich auf der Hauptseite zb 1.css ausgewählt habe (will heißen das auf der Seite die im iframe angezeigt wird entweder 1.css oder 2.css geladen wird, immer davon abhängig welche der beiden gerade auf der Hauptseite aktiv ist). Ich denke das es möglich sein muss entweder mit js oder css (beide seiten könnten auch auf das selbe css/js zugreifen).
Meine frage ist also wie kann ich das bewerkstelligen. Andere idee die ich hatte ist das man ja vlt. auch einen filter über den iframe legen könnte der eine bestimmte Farbe ein eine andere ändert, bin leider relativ neu auf diesem Gebiet und habe leider keine Antwort auf Google gefunden die funktioniert
3 Antworten
Wenn man den Hintergrund des iframe-body auf transparent einstellt, dann sollte der Hintergrund des Wirtssystems durchscheinen.
Ein iFrame auf einer Website, ist ein in sich abgeschlossenes System, "Sandbox" genannt. Das heißt, man hat von außen keinen Einfluss darauf, was darin passiert. Das ist wie ein neuer Tab.
Mit JavaScript ist es zwar möglich über verschiedene Tabs hinweg zu kommunizieren, dies würde aber glaube ich zu viel Aufwand sein. Auch weiß ich nicht ob es über iFrames funktioniert.
Überlege: Muss es ein iFrame sein? Im Zeitalter von HTML5 braucht man so etwas normalerweise nicht mehr.
Naja... muss nicht unbedingt, allerdings wäre es einfacher diesen zu benutzen als jedes mal die komplette Seite wieder neu zu laden.
Außerdem hatte ich gedacht das es so einfacher ist, das Problem ist ja das ich verschiedene Stile auf der Seite ermöglichen wollte (also einmal Dark und einmal Hell) und ich so immer zweimal die selbe Seite abspeicher müsste nur damit das funktioniert, oder gibt es eine Möglichkeit das das css wann man auf der Hauptseite ausgewählt hat auch auf den weiteren seiten automatisch angewendet wird?
Benutze am Besten gar keinen iFrame.