如何在用户点击时更改iFrame中的src?

时间:2014-04-10 06:54:17

标签: javascript php jquery html iframe

我是编码php或js的新手。 如果我以错误的方式提出问题,请告诉我。

我希望能够将链接中的URL地址传递并嵌入到此处嵌入的src =" URL中。一个iFrame。带有链接的页面显示了公司名称的链接,用户将单击该链接,将显示一个新的.php页面,其中显示iFrame,该页面显示该公司在我们站点内的实际网站。所以......例如......在索引页面上,用户点击" Goodyear"它会启动一个.php页面,其中包含iFrame中显示的Goodyear网站。现在......我有大约20多个供应商链接,我试图避免20多个单独的HTML或php页面来显示这些数据。特别是因为供应商列表会经常变化。任何帮助将不胜感激。我引用的网页是http://seindl.com/index.php,您可以在其中看到href元素中的相应网址;并将结果链接到目前显示静态Kuriyama.com网站的页面http://seindl.com/vendor.php

2 个答案:

答案 0 :(得分:0)

如果你有链接列表,你不需要jquery或javascript来改变iFrame src。例如,如果你有这样的iframe:

<iframe name="frame1" id="frame1" src="about:blank"></iframe>

只需创建这样的链接:

<a href="http://something.com" target="frame1">LINK</a>

将在iFrame中打开该页面(基于链接的target属性,该属性必须与iframe name匹配。)

如果您确实需要使用jQuery,可以尝试类似:

$('#frame1').attr('src','http://something.com');

或者使用没有库的javascript:

document.getElementById('frame1').src = 'http://something.com';

这也将改变框架中打开的页面。

答案 1 :(得分:0)

在index.php页面上将供应商的id添加到url,如下所示:

vendor.php?id=10

然后在vendor.php文件中,根据ID(使用$ _REQUEST [&#39; id&#39;]获取ID),您可以输入供应商的网址。

$id =  $_REQUEST['id'];

if($id == 10){
$vendorSiteUrl = "http://vendorsiteurl.com";
}

....

<iframe src="<?php echo $vendorSiteUrl;?>"/>

希望这有帮助。