【问题标题】:How to make a home link with spry tabbed panels如何使用 spry 选项卡式面板创建主页链接
【发布时间】:2013-01-25 15:39:31
【问题描述】:

我有一个网站,主要使用 spry 选项卡式面板在页面之间进行链接。在网站的最顶部,我有一个徽标,我想将其用作刷新页面或将其带回原始选项卡的链接。 问题在于,由于我使用了 spry 选项卡式面板,因此当我从一个选项卡式页面移动到另一个选项卡式页面时,网站中的 URL 永远不会更改,因此无法创建“主页”链接。

有人知道如何在我的网站上创建一个带有 logo.jpeg 的链接,该链接将刷新页面或打开原始标签页吗?

这里是网站: http://emilymagnuson.com/trustbank/index.html

谢谢!

【问题讨论】:

    标签: javascript hyperlink dreamweaver spry panels


    【解决方案1】:

    Spry 选项卡式面板基本上是 JavaScript。 似乎没有一种简单的方法可以将自定义 JavaScript 调用挂接到脚本中以允许外部元素(如徽标)触发显示选项卡。所以我建议使用快速 &简单的解决方案。将徽标图像包装在将完全重新加载页面的链接中。所以这个:

    <img src="images/logo.jpg" width="100" height="100">
    

    变成这样:

    <a href="/" target="_top"><img src="images/logo.jpg" width="100" height="100"></a>
    

    或者,如果您不介意 index.html 显示:

    <a href="index.html" target="_top"><img src="images/logo.jpg" width="100" height="100"></a>
    

    编辑/清洁解决方案: 好的,我刚刚找到this official Adobe documentation,看来可以进行外部 JavaScript 调用。具体参考“使用链接打开标签”。所以你可以这样做:

    <a href="#" onclick="TabbedPanels1.showPanel(0); return false;"><img src="images/logo.jpg" width="100" height="100"></a>
    

    或者这样做:

    <a href="#" onclick="TabbedPanels6.showPanel('first'); return false;"><img src="images/logo.jpg" width="100" height="100"></a>
    

    但我发现那些推荐的添加&lt;a href&gt; 标签的方法很笨重,所以我会尝试这些方法。图片本身无需额外代码即可点击,只需一个简单的 JavaScript onclick 事件:

    <img src="images/logo.jpg" width="100" height="100" onclick="TabbedPanels1.showPanel(0); return false;">
    
    <img src="images/logo.jpg" width="100" height="100" onclick="TabbedPanels6.showPanel('first'); return false;">
    

    希望这会有所帮助!

    【讨论】:

    • 非常感谢!我用
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多