【问题标题】:Redirect results to an IFrame on another page将结果重定向到另一个页面上的 IFrame
【发布时间】:2011-05-04 04:21:23
【问题描述】:

好的,我正在使用 WolfNet IDX 解决方案(住房搜索提供商)。他们提供脚本来返回指向其服务器上的页面的搜索结果。但是,客户希望将页面放置在他们自己站点内的 iframe 中,以便布局保持不变。

我的问题是这样的:

用户点击提交按钮后(下面的表单标签)

<form id="searchForm" name="searchForm" class="SearchForm" action="http://www.mlsfinder.com/ncsc_cmls/mollyazahn/index.cfm" method="post" onSubmit="quickSearch(this); return false;">

网站被重定向到另一个网站,我需要将返回的网站放入客户网站内另一个页面上的 iframe 中。

我该怎么做,不幸的是,除了 iframe 之外没有其他选项可供客户使用,它已被要求

这里是快速搜索功能

function quickSearch(frm) {
                if (document.getElementById('temp_address')){if (frm.temp_address && frm.temp_address.value != "Address") frm.address.value = frm.temp_address.value;}
                if (document.getElementById('temp_zip_code')){if (frm.temp_zip_code && frm.temp_zip_code.value != "Zip") frm.zip_code.value = frm.temp_zip_code.value;}
                if (document.getElementById('temp_property_id')){if (frm.temp_property_id && frm.temp_property_id.value != "MLS Number") frm.property_id.value = frm.temp_property_id.value;}
                frm.submit();
            }

【问题讨论】:

    标签: html forms iframe redirect


    【解决方案1】:

    如果表单已发布,您可以设置目标使其加载到 iframe 中,但调用的函数可能不会发布表单。

    要让函数在 iframe 中加载页面,您必须更改函数所做的任何事情,以便将结果放入 iframe 而不是重定向当前页面。

    所以,如果函数例如:

    window.location.href = resultUrl;
    

    你可以把它改成:

    document.getElementById('IdOfTheIframe').src = resultUrl;
    

    编辑:

    该函数确实会发布表单(尽管调用表单的代码会停止正常发布),因此您只需在 iframe 上设置名称,并使用表单标签中的target 属性将其发布到iframe。

    【讨论】:

    • 我在原帖中添加了这个功能,我该怎么做
    • 虽然 iframe 在另一个页面上,这会让它变得难以做到吗?
    • @mattgcon:是的,这让它变得更复杂了。该页面必须首先加载,以便在将表单发布到它时存在 iframe。您必须加载该页面,将表单中的信息发送给它(例如在查询字符串中),以便它可以重新创建表单并将 iframe 作为目标发布。
    • ewwww,所以当用户单击按钮时我必须传递这个长查询字符串,然后使用 iframe 在该页面上运行函数?
    • 你能帮忙解答类似的问题吗?
    猜你喜欢
    • 1970-01-01
    • 2018-02-18
    • 2011-09-02
    • 2012-09-02
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-08-05
    相关资源
    最近更新 更多