0

所以我已经研究了几个星期，但什么也没想到！

我在网站上为我的家庭音乐商店工作，并被要求在网站上添加“链接”页面。My goal would be to have the categories of our vendors (ie Violin, Guitar, Piano, etc.) on the left of the page and when the category is selected the links come up on the right. 我有的那部分。这里棘手的部分是：当单击指向供应商（即 Fender、G&L、Yahmaha）的链接而不是将它们直接带到站点时，我希望它将它们全部带到同一页面，但嵌入在该页面上的是地点。

我对此进行了很多研究，但一无所获。我可以浏览并为每个供应商创建一个新页面，并在每个单独的页面上嵌入，但这对于供应商的数量来说非常耗时。

这样的事情有可能吗？我一直在玩嵌入本身并把它放下。它只是归结为，他们点击了哪个链接，并加载了该特定页面。

如果有更多信息需要您帮助或指出正确的方向，请告诉我！与任何可能有用的代码相同！

我对这方面的所有研究都死心了。

编辑：我想我的最终目标是它看起来像这样：http ://answers.yahoo.com/以便供应商网站在底部打开，但我们的商店横幅和链接仍然在顶部。出网站可以在这里找到：http ://www.brassbellmusic.com/default.aspx

4

1 回答 1

0

我创建了一个JSFiddle来使用 jQuery 演示此功能。

我们遍历 中的品牌链接列表ul：

$('#brandListing a')

捕获每个点击事件：

.click(function(ev){

jQuery 将事件对象传递给匿名函数 ( ev)。当链接被点击时，我们首先要防止默认动作，即跟随链接。然后我们src用被点击的 href 的值更新 iframe（“嵌入页面”）的属性：

ev.preventDefault();
$('#embeddedBrandWebsite').attr('src', ev.target.href);

您需要将 jQuery 库添加到您的页面以使用我的代码示例，但没有它也可以复制功能。

编辑

上面的示例适用于单页实现，其中链接和嵌入在同一页面上。为了实现所请求的“信息传输”，我建议将目标 href 作为 GET 参数 ( brassbellmusic.com/brandEmbed.aspx?path=http%3A//www.gibson.com/) 传递。在单个“嵌入”页面上，您可以在服务器端提取它以设置 iframesrc或使用 javascript。使用 javascript，您可以使用：

function getURLParameter(name) {
    return decodeURI(
        (RegExp(name + '=' + '(.+?)(&|$)').exec(location.search)||[,null])[1]
    );
}

来源

然后在您的文档准备好后，src使用getURLParameter('path').

于 2013-08-24T19:36:19.450 回答