2010-12-12 5 views
0

Ich habe gerade einen T-Shirt-Shop erstellt, um auf meiner eigenen Website zu setzen. Eine Firma namens spreadshirt.co.uk (nachfolgend "SS") führt den Shop. Sie ermöglichen es mir, ihren Shop über einen Iframe auf meiner Website einzubetten, und da sie es ermöglichen, dass das CSS über das Admin-Panel vollständig anpassbar ist, sehe ich es sehr gut in meine Site integriert.iframe Cross-Site: "Verified by VISA"

Der einzige Haken ist der Iframe - ich habe ihn im Moment auf 2000 Pixel hoch gesetzt (genau richtig für die längsten Seiten). Ich würde es lieber für jede Seite skalieren lassen, aber erwarte, dass es "hart" ist, also habe ich mich nicht darum gekümmert.

Wie auch immer, ich habe gerade die Seite live gestellt und eine Testbestellung durchgestellt. Alles ist gut, bis ....

... die Seite "Verified by VISA". Dieser MotherHubbard taucht direkt am Ende des Bestellvorgangs auf, und der darin enthaltene HTML-Code setzt den kleinen Dialog vertikal in meinen iFrame. I.e. fast 1000 Pixel von oben herunter - so dass weniger schlaue Benutzer denken, die Seite sei nicht geladen (alles, was sie sehen können, ohne nach unten zu scrollen, ist ein weißer Hintergrund). Ich kann das CSS auf dieser Seite nicht anpassen, wie ich die SS-Seiten kann, da diese Seite nicht von SS bedient wird.

Irgendwelche cleveren Ideen ???

Vielen Dank Leute!

Ich werde einen Link zu meiner Website setzen, wenn die Leute es sehen wollen, aber angenommen, dass das als Spam und verpönt angesehen werden könnte.

+0

Bitte, fügen Sie den Link hinzu. Auf diese Weise können wir sehen, was passiert. –

+0

Ah, es kommt mir vor, ich kann einfach die src des iframe überprüfen, und wenn es nicht die URL des Shops ist, werde ich die Rahmenhöhe reduzieren. Einfach! – Codemonkey

+0

Hmm, nicht so einfach. Das Attribut "src" wird nicht aktualisiert, wenn Sie innerhalb des iframe navigieren. Ich habe es nicht durchdacht und dachte es würde. – Codemonkey

Antwort

0

Ich behandle iframes nicht zu sehr, weil ich sie hasse, aber ich denke, dass Sie immer noch mit Javascript in dieses Dokument schreiben können. Grund ich sage vielleicht ist, weil seine Cross-Domain, aber es sollte immer noch funktionieren.

prüfen Diesen Beitrag aus Resizing an iframe based on content

könnten Sie auch Besuche Resizing iframe to fit its content

und ein jquery Skript: http://www.lost-in-code.com/programming/jquery-auto-iframe-height/

Noch einmal, ich weiß wirklich nicht, ob dies auf eine funktioniert domänenübergreifende Website.

+0

reg. letzter Link: Bitte beachten Sie, dass dieses jQuery autoHeight Plugin nicht mit iFrames funktioniert, die auf Inhalte von einer anderen Domain oder einem entfernten Ort zugreifen – knb