Funktionen des 'parent'

pcschröda · 28.01.2012, 08:52

Hallo,

Zum Aufrufen von jQuery-Funktionen, die im Elternfenster eines iFrame definiert wurden, wird an vielen Stellen im Netz folgendes empfohlen:

Code:

parent.$( "#meinelement" ).meinefunktion();

Dies führt bei mir lediglich zu einem

parent.$ is not a function.

Hintergrund ist, dass ich in einem iFrame eine Bildergalerie im Elternfenster aktualisiere und diese mittels .sortable() sortierbar mache.

Da ich die Antwort auf diese Frage nicht finden kann, stelle ich sie hier:

Wie ist die korrekte Notation, um .sortable() aus einem iFrame heraus auf ein Element im Elternfenster anzuwenden? Das sortable-Skript selber wird ebenfalls nur im Elternfenster geladen. Mein bester Versuch bisher war:

Code:

parent.$( "#mygallery", window.document.parent ).sortable();

mit der beschriebenen Fehlermeldung.

Viele Grüße,

pcschröda

pcschröda · 28.01.2012, 11:05

Die Fehlermeldung hätte mich natürlich darauf bringen sollen, dass global jQuery, nicht $, verwendet wird.

Mit

Code:

parent.jQuery( "#mygallery", window.document.parent ).sortable();

funktioniert alles bestens.

rudygotya · 28.01.2012, 12:03

Meiner Meinung nach sollte dein iframe keine DOM-Elemente des top/parent direkt ansprechen. Das ist brutal undurchsichtig, versteckt und unsauber. Sehs wie 2 php-Module. Die kapselt man auch möglichst lose, damit sie voneinander unabhängig einsetzbar bleiben.

Einen relativ einfachen Weg, in so etwas Strukturen reinzubringen, mit denen du auch in 2 Jahren noch zurecht kommst, findest du hier: http://softwareas.com/automagic-event-registration

Ansonsten: wenigstens checken, ob jQuery und jQuery.sortable definiert ist. Sorry für den Zusammenschiss, aber für mich ist das schlampiges javascript. Will nur helfen.

pcschröda · 30.01.2012, 21:57

Interessanter Lesestoff, das muss ich zugeben.

nikosch · 30.01.2012, 22:02

Zitat:

Meiner Meinung nach sollte dein iframe keine DOM-Elemente des top/parent direkt ansprechen.

M.M. nach sollte man gar keine Iframes verwenden. Allenfalls wenn man Scripte anderer Domains einbindet und dann funktioniert JS sowieso nicht übergreifend.

Wolfsblut · 31.01.2012, 10:14

Zitat:

Zitat von nikosch

M.M. nach sollte man gar keine Iframes verwenden. Allenfalls wenn man Scripte anderer Domains einbindet und dann funktioniert JS sowieso nicht übergreifend.

Wirf mal einen Blick hierauf: http://easyxdm.net/wp/

rudygotya · 31.01.2012, 10:57

Das geht, auch wenn das sandbox attribut an ist? Sieht nach nem ekligen Hack aus. Dafür gibts doch jsonp/cross origin ajax.

edit: gerade gelesen, dass auch folgendes geht:

PHP-Code:

  <iframe src="http://www.example.com/" sandbox="allow-same-origin allow-scripts"></iframe>

=> keine SOP-Probleme mehr.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Erledigt] Vererbung: Auf dynamische Funktionen von Eltern zugreifen	Lollix	PHP Einsteiger	3	11.05.2011 17:30
PHP Default charset für Funktionen	MasterQ	PHP-Fortgeschrittene	6	06.01.2011 10:03
Apache2.2 & PHP5 mit MSSQL Extension Fehler	AwaKe	Server, Hosting und Workstations	4	14.07.2010 14:36
[Erledigt] Unbekannte Funktionen in Wordpress	chunky	PHP Tipps 2010	2	27.05.2010 11:44
[Erledigt] Funktionen aus externer JS nicht aufrufbar.	lou	JavaScript, Ajax und mehr	6	09.06.2009 18:07
Struktur: include von Funktionen	DarkManX	PHP Tipps 2009	2	04.03.2009 20:28
Templatesystem mit Funktionen und Variablen drin?	BartTheDevil89	PHP Tipps 2008	6	01.07.2008 09:32
Klassen und externe Funktionen ?	ssm	PHP-Fortgeschrittene	17	18.07.2007 11:59
eine Variable für alle Funktionen definieren	Wing	PHP Tipps 2007	16	24.06.2007 21:02
Funktionen überprüfen und Grafik Funktionen	hans.karl2	PHP Tipps 2006	10	31.07.2006 20:08
Funktionen in Funktionen - ist das gut?	Schneckenkind	PHP Tipps 2006	23	10.06.2006 13:39
Globale Variabeln in Funktionen	finerip	PHP Tipps 2007	3	28.11.2005 16:00
Eure Ideen sind gefragt: eigene Funktionen verwalten		PHP-Fortgeschrittene	12	17.01.2005 15:00
Funktionen Erklärung	TheSkaterFriend	PHP Tipps 2004	14	11.06.2004 22:05

28.01.2012, 08:52
pcschröda Erfahrener Benutzer Registriert seit: 15.04.2004 Beiträge: 126	Funktionen des 'parent' Hallo, Zum Aufrufen von jQuery-Funktionen, die im Elternfenster eines iFrame definiert wurden, wird an vielen Stellen im Netz folgendes empfohlen: Code: parent.$( "#meinelement" ).meinefunktion(); Dies führt bei mir lediglich zu einem parent.$ is not a function. Hintergrund ist, dass ich in einem iFrame eine Bildergalerie im Elternfenster aktualisiere und diese mittels .sortable() sortierbar mache. Da ich die Antwort auf diese Frage nicht finden kann, stelle ich sie hier: Wie ist die korrekte Notation, um .sortable() aus einem iFrame heraus auf ein Element im Elternfenster anzuwenden? Das sortable-Skript selber wird ebenfalls nur im Elternfenster geladen. Mein bester Versuch bisher war: Code: parent.$( "#mygallery", window.document.parent ).sortable(); mit der beschriebenen Fehlermeldung. Viele Grüße, pcschröda


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

28.01.2012, 11:05
pcschröda Erfahrener Benutzer Registriert seit: 15.04.2004 Beiträge: 126	Die Fehlermeldung hätte mich natürlich darauf bringen sollen, dass global jQuery, nicht $, verwendet wird. Mit Code: parent.jQuery( "#mygallery", window.document.parent ).sortable(); funktioniert alles bestens.

28.01.2012, 12:03
rudygotya Erfahrener Benutzer Registriert seit: 28.05.2008 Beiträge: 2.094 PHP-Kenntnisse: Fortgeschritten	Meiner Meinung nach sollte dein iframe keine DOM-Elemente des top/parent direkt ansprechen. Das ist brutal undurchsichtig, versteckt und unsauber. Sehs wie 2 php-Module. Die kapselt man auch möglichst lose, damit sie voneinander unabhängig einsetzbar bleiben. Einen relativ einfachen Weg, in so etwas Strukturen reinzubringen, mit denen du auch in 2 Jahren noch zurecht kommst, findest du hier: http://softwareas.com/automagic-event-registration Ansonsten: wenigstens checken, ob jQuery und jQuery.sortable definiert ist. Sorry für den Zusammenschiss, aber für mich ist das schlampiges javascript. Will nur helfen. __________________ ++++ Wieder einer ins Netz gegangen: Phishers Fritz zufrieden ++++ Blog

30.01.2012, 21:57
pcschröda Erfahrener Benutzer Registriert seit: 15.04.2004 Beiträge: 126	Interessanter Lesestoff, das muss ich zugeben.

31.01.2012, 10:57
rudygotya Erfahrener Benutzer Registriert seit: 28.05.2008 Beiträge: 2.094 PHP-Kenntnisse: Fortgeschritten	Das geht, auch wenn das sandbox attribut an ist? Sieht nach nem ekligen Hack aus. Dafür gibts doch jsonp/cross origin ajax. edit: gerade gelesen, dass auch folgendes geht: PHP-Code: `<iframe src="http://www.example.com/" sandbox="allow-same-origin allow-scripts"></iframe>` => keine SOP-Probleme mehr. __________________ ++++ Wieder einer ins Netz gegangen: Phishers Fritz zufrieden ++++ Blog Geändert von rudygotya (31.01.2012 um 11:03 Uhr).