1

这是一个奇怪的问题，我讨厌 iFrame，但我正在使用 PhoneGap 和 Codiqa 进行移动应用程序开发，而 Codiqa 输出 HTML，并且对于我想要合并到 Codiqa 的 HTML 中的所有外部表单，它会在 iframe 中加载。Codiqa 使用 div ID 引用，因此当您单击菜单项时，它会在 HTML 中加载该页面 ID，然后在父窗口中加载该 div 内的 iframe。此外，父窗口有自己的提交、重置和返回按钮。我需要这些按钮来调用和使用在 iFrame 内加载的页面中的功能......

显然，这与 parent.myfunction() 的工作方式完全相反，我想知道这是否可能，或者我是否需要重新创建我的代码而不使用 iFrame，但我不知道如何去做. PHP 包含并不能很好地工作我来找出...谢谢！或者也许我只需要将每个表单的所有 JS 文件移动到父文件夹中，并且必须单独链接到表单？我不知道...请指教。以下是其中一个页面 ID 的示例：

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);
    }
});
};
4

1 回答 1

0

我想这就是我要找的：

onclick="document.getElementById('Cable_Extraction_Worksheet').contentWindow.uploaddata();"

这个靠谱吗？？有人说它不适用于所有浏览器或其中包含 Jquery 的功能，我的一些人这样做。只是想验证一下，谢谢。

于 2013-04-05T22:11:35.540 回答