链接未在同一页面中打开

时间:2016-06-06 20:27:49

标签: html css tabs

小故事:

我们的部门有一个“仪表板”,我们可以将其用于快速链接和我们经常使用的工具。开发原始页面的人找到了一份新工作 - 我们部门的其他任何人都不知道HTML。我自愿参加了这个项目,想象我可以学到一点并尝试新的东西。不知道我是否比现在可以咀嚼更多。

长话短说,原始页面的设计字面意思是在90年代,所以我想看看我是否可以在一些功能更新之上做一些美学更新。我已经设法自学了足够的基础知识,但现在我正在尝试开发功能更新,我似乎遇到了一些麻烦。

我们部门使用的工具名为“Associate Search”,它是我们用作呼叫中心职责的公司目录。如果我们将第一个或最后一个名字放入搜索字段,我们会将照片,部门,电话分机等联系起来。

我遇到的问题是 - 当点击链接时,它会打开IE和Chrome中的新标签。但我希望链接在同一页面中打开 - 使用相同的侧栏。

我附上了截图以显示我在想什么。如果这是一个巨大的新问题,我很抱歉 - 但我是100%newb at this lol所以任何帮助都会非常感激。

以下是该网站目前的状态:Current Page

这是我想要实现的目标的粗略概念:

Wanted End Result

当前代码:

<!-- Nav -->
                <nav id="nav">
                    <ul>
                        <li class="current"><a href="#">Home</a></li>
                        <li><a href="#">Archives</a></li>
                        <li><a href="http://***.com/public/associatelookup.asp">Associate Search</a></li>
                        <li><a href="#">Contact Me</a></li>
                        <li><a href="#">Contact Me</a></li>
                        <li><a href="#">Contact Me</a></li>
                        <li><a href="#">Contact Me</a></li>
                    </ul>
                </nav>

3 个答案:

答案 0 :(得分:0)

当链接上设置了target="_blank"属性时,通常会在新标签页中打开页面。检查你的代码是否有这样的东西,删除它,看看会发生什么。

答案 1 :(得分:0)

通常目标=&#34; _blank&#34;标签将在那里点击新页面中打开的链接..删除href标签中的该属性(链接)。

<a href="www.abc.org" target="_blank">Visit abc</a>

打开新标签页中的链接

<a href="www.abc.org" >Visit xyz!</a> 

打开相同标签中的链接

答案 2 :(得分:0)

原始

正如Dryden所说,听起来你的锚标签中有target="_blank"

target="_self"会在同一页面中打开它(这是默认设置)。

修改

根据这里的新信息,您可以做些事情,请注意这个列表远非详尽无遗,而是三个简单的解决方案,以实现您想要的结果。

  1. 当用户点击链接时使用JQuery并显示/隐藏搜索栏(JQuery甚至会做很酷的动画!)。
  2. 使用纯JavaScript并在单击链接时使用show / hide执行相同的操作。
  3. 最简单的方法是在顶部使用搜索栏创建另一个HTML文件,当用户点击浏览器窗口中打开该页面的链接时(复制代码是,但很简单)。