如何将参数发送到另一页上的iframe?

时间:2019-08-02 21:12:37

标签: wordpress iframe

我正在尝试在我的WORDPRESS网站上集成Tr​​ackerRMS。在主要工作页面上,我有一个iframe可以产生工作清单。

<iframe frameborder="0"
  scrolling="yes"
  width="1000"
  height="780" 
  src="https://evoportalus.tracker-rms.com/mycompany/jobs?
  theme=purplehaze
  &fields=title,worktype,location,salaryfrom,salaryto,sector,joblink
  &joblinkuri=http://example.com/jobs-detail&joblinktarget=_parent&filters=">
</iframe>

一旦显示,页面上就会有一个按钮,其中包含用于该工作的链接的格式为:

http://example.com/jobs-detail?jobcode=1234

问题是我需要能够在工作详细信息页面上将1234号传递到此iframe代码中。

<iframe frameborder="0"
  scrolling="no"
  width="100%"
  height="700"
  src="https://evoportalus.tracker-rms.com/mycompany/jobs
  ?theme=purplehaze
  &fields=reference,title,location,worktype,description,linkregister
  &filters=reference|JOBCODE-NUMBER-NEEDS TO APPEAR HERE">
</iframe>

我需要在jobs-detail页面上的第二个iframe代码中添加什么以从URL中获取jobcode号,并将其附加在“ reference |”之后?

再次注意,这是一个Wordpress网站,所以我只是使用一个简码将原始HTML代码插入页面。

谢谢。

1 个答案:

答案 0 :(得分:0)

显然,这可以通过将以下代码添加到作业详细信息页面来实现:

<script type="text/javascript">
    loadSite();
function getQueryString (field, url) {
    var href = url ? url : window.location.href;
    var reg = new RegExp('[?&]' + field + '=([^&#]*)', 'i');
    var string = reg.exec(href);
    return string ? string[1] : null;
};
function loadSite() {
    var site = "https://evoportalus.tracker-rms.com/mycompany/jobs";
    site += "?theme=purplehaze&fields=reference,title,location,worktype,description,linkregister&filters=reference|" + getQueryString("jobcode");
    console.log(site);
    document.getElementById('trmsjobs').src = site;
}

相关问题