我一直在努力解决这个问题一段时间,我希望得到一些帮助/建议。
我有一个嵌入到 iframe 中的 svg 图形(我知道这很糟糕,但我们已经创建了自己的仪表板/小部件应用程序,这是将我们现有的 svg 框架移植到小部件中的最简单方法)。我需要能够将这些 svg 图形链接到其他 svg 图形,并且我需要它们在同一个 iframe 中打开,目前这让我发疯。
我发现这篇文章讨论了svg 中的链接方法,但是,底部的比较似乎表明在 IE(至少 7)中不可能在“当前窗口”之外的任何地方打开链接。在我尝试过的所有事情中似乎都是这种情况,但希望在互联网领域的某个地方,有人找到了解决这个问题的方法。
这是我尝试过的:
1. <a xlink:href='<path to new embedded graphic>' target='<iframeName>' ... />
Chrome 13:完美运行,在正确的框架中打开!
Firefox 6.0.2:尝试在新标签中打开
IE 9.0.8:尝试在新标签中打开
2. <a xlink:href='<path to new embedded graphic>' xlink:show='replace' ... />
Chrome 13:用我想要的文件替换 svg 图形,但是,由于我用包含嵌入式 svg 图形的 ASP 页面替换,我最终在我的页面上获得了“嵌套”效果。
Firefox 6.0.2:类似于 Chrome - 加载到位但发生嵌套,尽管在 FF 中图形甚至不加载。
IE 9.0.8:与 Chrome 类似,加载到位但发生嵌套。
似乎设置目标框架是我想要的方式,但无论如何让它在 FF 和 IE 中工作?有人成功了吗?
我尝试尝试的另一件事是在单击链接时在 javascript 中设置框架的 window.document.location.href。但事实证明这很棘手,而且我真的只在 Chrome 中尝试过。在我浪费太多时间之前,我希望得到一些建议。