Iframe per Jquery anpassen

Gehe zu Seite:

Geschlossen

Do. 15.03.2012 23:36 Uhr #1

Lord|Schirmer Administrator

Ich würde gerne ein eingebundenes Iframe vom Hauptdokument in Anzeigeform (CSS, font, color usw.) anpassen.

Leider funktioniert jQuery .contents() nach vielen verschiedenen Versuchen überhaupt nicht.

Das folgende war mein Gedanke:

index.html
1 2 3 4 5 6 7 8 9 10 11 12 13 14	`<!DOCTYPE` `html>` `<html>` `<head>` `<script` `src="http://code.jquery.com/jquery-latest.js"></script>` `<script>` `$(document).ready(function() {` `$("#frame").contents().find(".test").css("color","#FF0000");` `});` `</script>` `</head>` `<body>` `<iframe` `id="frame"` `src="xxx.html"` `width="100%"` `height="100%"></iframe>` `</body>` `</html>`

xxx.html
1 2 3 4 5 6 7 8 9 10 11 12	`<!DOCTYPE` `html>` `<html>` `<head>` `<style>` `.test { color: #000; }` `</style>` `</head>` `<body>` `<p>Test</p>` `<div` `class="test">Testtext</div>` `</body>` `</html>`

Hat jemand eine Idee wie es funktioniert oder geht das überhaupt nicht?

PS: Ich habe keinen Zugriff auf die Quelldati für das Iframe

rules :: doku :: faq :: linkus

0 Mitglieder finden den Beitrag gut.

zitieren

Fr. 16.03.2012 08:05 Uhr #2

Mairu Coder

Registriert seit
16.06.2006

Beiträge
15.334

Beitragswertungen

Sicherheitstechnisch, kannst du maximal auf iframes Einfluss nehmen, die auf der gleichen Domain liegen oder so, und wenn das der Fall ist, dann hast du ja meist auch Zugriff auf den Code innerhalb des iframes zu ändern und könntest dann z.B. eine Funktion schreiben, die du von außerhalb anstoßen kannst.

Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
1 Mitglieder finden den Beitrag gut.
- zitieren
Fr. 16.03.2012 08:33 Uhr #3

MaddinXx Mitglied

Registriert seit
15.02.2007

Beiträge
787

Beitragswertungen

Hi

Wie Mairu sagst, ist die Chance dazu praktisch gleich 0. Bin selber schon verzweifelt an solchen Versuchen und ich musste mit Entsetzen feststellen, dass es wirklich keine Lösung gibt.

Ich bin mir jetzt nicht ganz sicher, ob das folgende stimmt. Ich glaube aber, wenn du die einzubindende Datei bearbeiten kannst, muss diese nicht mal auf dem gleichen Server liegen. Wie gesagt, dass kann total falsch sein - aber ich glaube mich zu errinnern, dass ich dazu mal was gefunden hatte.

Grüsse
MaddinXx
1 Mitglieder finden den Beitrag gut.
- zitieren
Fr. 16.03.2012 09:03 Uhr #4

Lord|Schirmer Administrator

Registriert seit
21.03.2007

Beiträge
7.680

Beitragswertungen

Mir hat mein Hoster des TS3 eine Serverviewer (Einbindung per Iframe) bereitgestellt, welchen ich an sich nicht schlecht finde. Nur die verwendete style.css findet nicht ganz mein Geschmack, da sie dem Style meiner neuen WebSite (noch in Arbeit) nicht überein stimmt.

Irritiert hat mich, dass unter diesem Link jQuery .contents() ein Beispiel gezeigt wird, was genau in meinen Interesse lag. Manipulation der css eines Iframes.

Aber langsam glaube ich auch, dass es nicht so einfach geht und werde wohl wieder ein eigenen Viewer basteln. Vielen Dank für die Antworten.

Zuletzt modifiziert von Lord|Schirmer am 16.03.2012 - 09:07:54

rules :: doku :: faq :: linkus
0 Mitglieder finden den Beitrag gut.
- zitieren
Fr. 16.03.2012 14:53 Uhr #5

google.de Mitglied

Registriert seit
26.01.2012

Beiträge
352

Beitragswertungen

ja weil der ausgeführte Code auf der gleichen Domain läuft wie das Iframe selbst.

Kopier dier das Bsp. mal Eins zu Eins und führe es aus. Du wirst sehen das es nicht Funktioniert.

Das ganze liegt daran das dein Browser eine Iframe Manipulation verbietet wenn es also eine unterschiedliche Dmoain/Subdomain ist oder alleine das verwendete Protokoll anders ist dann greift das SOP-Prizip(Same Origin Policy) welches jegliche Interaktionen verhindert.

Jquery möchte damit jeglich daraufhinweisen das du Inhalte einbinden kannst und Manipulieren kannst die von deiner eigenen Seite kommen.

Kein Support per PN!
Wenn ich zitiere ist dies KEIN Angriff auf die Person!
1 Mitglieder finden den Beitrag gut.
- zitieren
Fr. 16.03.2012 15:03 Uhr #6

Revolution Hall Of Fame

Registriert seit
14.08.2006

Beiträge
1.688

Beitragswertungen

Dein Problem dürfte die "javascript Origin Policy" sein.

Edit:

Du könntest natürlich die xxx.html mit php einlesen und auf deinem Server eine Kopie ablegen und diese dann einlesen.

bringt natürlich Nachteile mit sich.

Zuletzt modifiziert von Revolution am 16.03.2012 - 15:04:47

Kreativ, modern, Conversion und Usability optimiert
individuelles Webdesign für ein optimales Erscheinungsbild
404studios
1 Mitglieder finden den Beitrag gut.
- zitieren
So. 18.03.2012 19:59 Uhr #7

Mairu Coder

Registriert seit
16.06.2006

Beiträge
15.334

Beitragswertungen

Wäre aber noch einfacher als ein eigenen Viewer zu bauen, wichtig ist dann, dass du das nicht bei jedem Seitenaufruf neu machst, sondern dein Ergebnis zumindest ein/zwei Minuten vorhälst, externe Serverabfragen sind "teuer".

Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
1 Mitglieder finden den Beitrag gut.
- zitieren
So. 18.03.2012 21:14 Uhr #8

Lord|Schirmer Administrator

Registriert seit
21.03.2007

Beiträge
7.680

Beitragswertungen

Ich habe den Anbieter überzeugt das Script anzupassen, so dass ich per Link eine Adresse zu meiner style.css übergeben kann. Funktioniert bestens und mein Problem ist jetzt gelöst.

Nochmal vielen Dank für die Reaktionen.

rules :: doku :: faq :: linkus
0 Mitglieder finden den Beitrag gut.
- zitieren

Beitrag zur Merkliste hinzufügen

ilch Forum » Allgemein » HTML, PHP, SQL,... » Iframe per Jquery anpassen