Zeige nur ein div in einem iframe (javascript, JQuery ...)

8

Lassen Sie mich zunächst sagen, dass ich für Ideen zu einem anderen Ansatz offen bin.

Ich habe und iframe als solche:

%Vor%

Die Seite, die mit dem iframe geladen wird, hat ein div namens loginInnerBox. Ich möchte nur die loginInnerBox und alles darin anzeigen.

Irgendwelche Ideen, wie man das macht? Ich dachte darüber nach, Jquery oder Javascript zu benutzen, um alles andere auf der Seite zu entfernen, die vom iframe geladen wurde, nicht sicher, wie ich darauf zugreifen sollte ...

Nur um klar zu sein, ich möchte alles auf meiner Seite außerhalb des iFrame intakt bleiben. Ich möchte das Äquivalent von $ sagen. ('Testloadlogin'). Load ('../ security / login.aspx' #loginInnerBox) das würde einfach loginInnerBox html bekommen und es in das testloadlogin div setzen. Allerdings brauche ich die Back-End-Verarbeitung von der anderen Seite, die von iframe, aber nicht von der Jquery-Last unterstützt wird.

Das Markup der vom iframe geladenen Seite ist

%Vor%

Benötigen Sie mehr Informationen als das?

Ich habe es versucht, es hatte keine Wirkung:

%Vor%     
kralco626 03.11.2010, 12:08
quelle

3 Antworten

5

Mit jQuery können Sie nicht nur den Inhalt einer URL, sondern auch einen bestimmten CSS-Selektor innerhalb dieser URL laden. Dies wäre ein viel sauberer Ansatz. Es ist so.

%Vor%

Über CSS-Tricks

    
Gourneau 23.07.2012 07:30
quelle
3
%Vor%

Beachten Sie, dass dies nur bei Iframes funktionieren würde, die von derselben Domain geladen wurden ( gleiche Herkunftsrichtlinien )

BEARBEITEN : Wahrscheinlich werden damit auch Kinder von loginInnerBox entfernt. In diesem Fall könnten Sie versuchen, es vorher zu klonen:

%Vor%

So ähnlich ..

    
pex 03.11.2010 12:18
quelle
0

Fügen Sie dies zu <iframe> -elememt hinzu:

%Vor%

Es wird jedes Kind des Körpers außer # ctl00_CLPMainContent_Login1

versteckt

Wenn # ctl00_CLPMainContent_Login1 mehr als die Login-Box enthält, müssen Sie den Vorschlag mit clone () von pex verwenden.

    
Dr.Molle 03.11.2010 13:25
quelle

Tags und Links