2010-12-12 76 views
0

我剛剛創建了一家tshirt商店放在我自己的網站上。一家名爲spreadshirt.co.uk的公司(以下簡稱「SS」)經營該店。他們允許我通過iframe將他們的商店嵌入到我的網站上,並且由於他們允許通過他們的管理面板完全自定義CSS,所以我的網站看起來非常整齊。iframe跨站點:「VISA驗證」

唯一的解決方案是iframe - 我現在將它設置爲2000像素高(恰好適合最長的頁面)。我寧願讓它爲每個頁面調整大小,但期望這是「困難的」,所以沒有打擾。

無論如何,我只是把網頁放在一邊,並且通過一個測試訂單。一切都很好,直到......

...「VISA驗證」頁面。這個motherhubbard在訂單處理結束時向右轉,並且其中包含的HTML將垂直居中的小對話框放在我的iframe中。即從頂部向下將近1000像素 - 使得不那麼聰明的用戶認爲該頁面未加載(所有他們可以看到沒有滾動下來是白色背景)。我無法像在SS頁面中那樣自定義此頁面上的CSS,因爲此頁面不是由SS提供的。

任何聰明的想法???

非常感謝的人!

如果有人想看到它,我會將鏈接放到我的網站上,但假設可能會被視爲垃圾內容並且皺眉。

+0

請添加鏈接。這樣我們可以看到發生了什麼。 – 2010-12-12 21:08:58

+0

啊,它發生在我身上我可以檢查iframe的src,如果它不是商店URL,我會減少框架高度。簡單! – Codemonkey 2010-12-12 23:33:55

+0

嗯,不是那麼簡單。當你在iframe中導航時,「src」屬性不會被更新,顯然。我沒有想到它,並認爲它會。 – Codemonkey 2010-12-13 00:01:39

回答

0

我不處理iframe太多,因爲我討厭它們,但我認爲你仍然可以使用javascript寫入該文檔。我說的理由可能是因爲它的跨域,但它應該仍然有效。

入住這個帖子出來 Resizing an iframe based on content

你也可以檢查出 Resizing iframe to fit its content

和jQuery腳本: http://www.lost-in-code.com/programming/jquery-auto-iframe-height/

同樣,我真的不知道這是否會在工作跨域網站。

+0

reg。最後一個鏈接:請注意,這個jQuery autoHeight插件不能與iFrames訪問來自不同域或遠程位置的內容 – knb 2010-12-12 21:55:14