2010-08-20 116 views
0

我知道這不能用iFrames或默認的jQuery加載函數來完成,所以我正在尋找一種「解決方法」或能夠更好地工作的概念。加載內容和添加樣式

我們必須加載iframe才能顯示結帳過程(長篇故事),並且iFrame內容太寬。 沒有讓它滾動,有沒有辦法隱藏一些內容或調整內部內容以適應900px的內容到600px寬的盒子?

我不確定是否有單一選項,否則我們可能必須重疊在燈箱中,但這對我們來說並不理想。

編輯:我想我正在尋找的是一個跨瀏覽器設置,允許我從一個外部位置加載內容到包含活動鏈接等的DIV。可能不可能?

回答

0

我敢肯定,你要加載到iframe中的頁面佈局如此劇烈的變化會呈現設計問題。但假設你知道如何讓頁面縮小1/3,並且假設你從父頁面的相同域提供iframe,則可以設置一個替代樣式表,並將其附加到iframe文檔。

在父文件(未測試):

var framedoc = frames['your_frame'].document; 
var framedoc_head = $(framedoc).find('head'); 
$('<link/>', { 
    rel : 'stylesheet', 
    type: 'text/css', 
    href: '/your_narrower_style_sheet.css' 
}) 
.appendTo(framedoc_head); 
+0

我不來自相同的域,這是問題的服務的iFrame。因此,我正在尋找一種創造性的替代方案。 – 2010-08-23 14:07:50