jQuery的ThickBox的基準問題

Question

完全重述我的問題：

問題：失去參考使用Mozilla Firefox 3.6的iFrame和4.0

更多信息： - 在Internet Explorer 8的64位和工程罰款32 bit版本。

如何重現？在Mozilla中：打開編輯器手風琴菜單。點擊'editor openen'鏈接，在編輯器中填入一些隨機文本，然後點擊'bestand opslaan'。填寫一個名字並點擊'保存'。編輯器的內容將以HTML格式下載。

通過點擊外部或指定按鈕關閉保存文件對話框。再次點擊'bestand opslaan'按鈕並嘗試將您的內容保存到文件中。你什麼也看不到。

問題不在IE8中。嘗試在那裏打開它。

螢火告訴我這個你打開保存的第二次對話：

iFrame.document is null 

實例鏈接：http://www.newsletter.c-tz.nl/

更多信息： - 從ThickBox的切換到彩盒，試圖解決這個問題，因爲厚盒子現在已經很長時間不被支持了。 - 顏色盒給我同樣的問題，所以我不認爲這是這樣的。 - 嘗試搜索iframe引用錯誤等，沒有發現任何東西。 - 嘗試將iframe代碼放在由colorbox腳本調用的div的外部，它保留它的引用，但不會在將其放回該div內時引用。

感謝：JohnP提出在此打開'追捕'。

編輯：

我想也許saveFile.php文件造成麻煩的iframe的父，但是從動作變量在editor.php腳本中刪除之後仍然失敗，相同的錯誤後，您第二次打開對話框。

有人可能會寫一個腳本，通過名稱迭代通過iframe，當剛剛iframe被發現引用它的var？我想嘗試它，但不知道如何...

Answer 1

我不能解釋爲什麼它的第一次爲Firefox的工作，但在Firefox中使用的功能來獲取iframe是不同的IE：How to get the body's content of an iframe in Javascript?。

所以，更換你的JavaScript函數「的SaveToFile」這樣的：

function saveToFile() { 
    var saveAsFileName = document.getElementById('saveAs_filename').value; 
    var currentContent = tinyMCE.editors["editor_textarea"].getContent(); 
    var editorFileName = document.getElementById('editor_filename'); 

    var iFrameTag = document.getElementById('saveAs_Iframe'); 
    var iFrame; 
    if (iFrameTag.contentDocument) 
    { // FF 
     iFrame = iFrameTag.contentDocument; 
    } 
    else if (iFrame.contentWindow) 
    { // IE 
     iFrame = iFrameTag.contentWindow.document; 
    } 

    var inframeEditorFileName = iFrame.getElementById('editor_filename'); 
    var inframeEditorContent = iFrame.getElementById('editor_textarea'); 

    editorFileName.value = saveAsFileName; 
    inframeEditorFileName.value = saveAsFileName; 
    inframeEditorContent.value = currentContent; 

    iFrame.editor_self.submit(); 
} 

我更換Firebug的功能和它的作品對我來說。

更新： 你也可以使用一個跨瀏覽器的解決方案，更簡單，這要歸功於jQuery的：

function saveToFile() { 
    var saveAsFileName = document.getElementById('saveAs_filename').value; 
    var currentContent = tinyMCE.editors["editor_textarea"].getContent(); 
    var editorFileName = document.getElementById('editor_filename'); 
    editorFileName.value = saveAsFileName; 

    $("#saveAs_Iframe").contents().find("#editor_filename").val(saveAsFileName) 
    $("#saveAs_Iframe").contents().find("#editor_textarea").val(currentContent) 
    $("#saveAs_Iframe").contents().find("form[name=editor_self]").submit(); 
}