在iFrame之外需要父按鈕調用加載在iFrame內部的JS函數

這是一個奇怪的問題，我討厭iFrames，但我使用PhoneGap和Codiqa進行移動應用程序開發，並且Codiqa輸出HTML以及我想要的所有外部表單合併在Codiqa的HTML中加載到iframe中。 Codiqa使用div ID引用，以便當您單擊菜單項時，它會將該頁面ID加載到HTML中，然後在父窗口中加載該div內的iframe。另外，父窗口還有自己的提交，重置和返回按鈕。我需要這些按鈕來呼叫和使用加載在iFrame中的頁面的功能...顯然，這與parent.myfunction（）的工作方式完全相反，我不知道這是甚至可能的還是如果我需要重新創建我的代碼並且不使用iFrame，但我對於如何去做這件事我毫無頭緒。 PHP包括不太好的工作我來找出...謝謝！或者，也許我只需要將每個表單的所有JS文件移動到父文件夾中，並且必須單獨鏈接到表單。我不知道...請指教。下面是頁面的某個ID的例子：在iFrame之外需要父按鈕調用加載在iFrame內部的JS函數

HTML（Codiqa）

<a href="#page17" data-transition="flip"> 
    Extracting 
</a> 

<div data-role="page" id="page17"> 
     <div data-theme="a" data-role="header"> 
      <h3>Extracting</h3> 
     </div> 
     <div data-role="content"> 
      <iframe src="extraction/extract_form.html" 
      name="Cable_Extraction_Worksheet" class="contentiframe"></iframe> 
     </div> 
     <div data-role="tabbar" data-iconpos="left" data-theme="a"> 
      <ul> 
       <li> 
        <a href="#page1" data-transition="flip" data-theme="" data-icon="arrow-l"> 
        Back 
       </a> 
       </li> 
       <li> 
        <a href="#" data-transition="none" data-theme="" data-icon="minus"> 
        Reset 
       </a> 
       </li> 
       <li>//THIS IS THE BUTTON, AND JS FUNCTION I NEED TO CALL ONCLICK 
        <a onclick="uploaddata();" data-transition="none" data-theme="" data-icon="check"> 
        Submit 
       </a> 
       </li> 
      </ul> 
     </div> 
    </div>

iframe的JS功能

function uploaddata() { 

//Read all of the data from the page 
for (eID in extractform) { 
    extractform[eID] = document.getElementById(eID).value; 
} 
     upload_extractform(); 
} 
function upload_extractform() { 
$.ajax({ 
    type: 'POST', 
    url: './php/upload_extractform.php', 
    data: extractform, 
    async: false, 
    dataType: 'text', 
    success: function() { 
     alert("Thank you. Your Extraction form has been submitted."); 

}, 

     error: function(jqXHR, textStatus, errorThrown) { 
     alert("Error... " + textStatus + "\n" + errorThrown); 
    } 
}); 
};

來源

2013-04-05 jflay

我覺得這是我所期待的：

的onclick = 「的document.getElementById（ 'Cable_Extraction_Worksheet'）contentWindow.uploaddata（）;」。

這是否可靠？有人說，它不適用於所有的瀏覽器或者其中有一些Jquery的函數。只是想驗證，謝謝。

來源

2013-04-05 22:11:35 jflay

此外，我需要能夠實際使用iFrame的窗體動作，方法和onsubmit函數形式的父級onclick事件......我該怎麼做？ – jflay 2013-04-08 02:28:54

在iFrame之外需要父按鈕調用加載在iFrame內部的JS函數

回答

相關問題