所以我已经研究了几个星期并且没有提出任何建议!
我在家庭音乐商店的网站上工作,并被要求在网站上添加“链接”页面。我的目标是在页面左侧设置我们的供应商类别(即小提琴,吉他,钢琴等),当选择类别时,链接会出现在右侧。那部分我有。这里棘手的部分是:当点击供应商的链接(即Fender,G& L,Yahmaha)而不是直接将它们带到网站时,我希望它将它们全部带到同一页面,但嵌入在该页面上是网站。
我已经对此做了大量研究,并且没有提出任何建议。我可以通过嵌入每个页面为每个供应商创建一个新页面,但是对于大量的供应商而言,这是非常耗时的。
这样的事情可能吗?我一直在玩嵌入自己,并把它打倒。它只是归结为,他们点击了哪个链接,并加载了该特定页面。
如果有任何其他信息,您可能需要帮助或指出我正确的方向,请告诉我!与任何可能有用的代码相同!
我对这方面的所有研究都已经死了。
编辑:我想我的最终目标是看起来像这样:http://answers.yahoo.com/以便供应商网站在底部开放,但我们的商店横幅和链接仍然位于顶部。可在此处找到网站:http://www.brassbellmusic.com/default.aspx
答案 0 :(得分:0)
我已经使用jQuery创建了一个JSFiddle来演示此功能。
我们遍历ul
中的品牌链接列表:
$('#brandListing a')
捕获每个点击事件:
.click(function(ev){
jQuery将一个事件对象传递给匿名函数(ev
)。单击链接时,我们首先必须阻止默认操作,即遵循链接。然后我们使用所点击的href的值更新iframe的src
属性(“嵌入页面”):
ev.preventDefault();
$('#embeddedBrandWebsite').attr('src', ev.target.href);
您需要将jQuery库添加到您的页面以使用我的代码示例,但是可以在没有它的情况下复制该功能。
修改强>
上面的示例适用于单页面实现,其中链接和嵌入在同一页面上。为了实现所请求的“信息传递”,我建议将目标href作为GET参数(brassbellmusic.com/brandEmbed.aspx?path=http%3A//www.gibson.com/
)传递。在单个“嵌入”页面上,您可以在服务器端提取此设置以设置iframe的src
,或使用javascript。使用javascript,您可以使用:
function getURLParameter(name) {
return decodeURI(
(RegExp(name + '=' + '(.+?)(&|$)').exec(location.search)||[,null])[1]
);
}
然后在文档准备就绪后,使用src
设置iframe getURLParameter('path')
。