如果在一个页面上点击链接取消隐藏/在另一个页面上显示div?

时间:2013-04-06 13:51:45

标签: javascript hyperlink

我在我的网站上的主页(home.php)上有一个用户列表,我试图找出一种方法,当用户可以取消隐藏/在他们的个人资料页面(profile.php)上显示div点击主页上的其他用户个人资料链接,因此只有在他们点击主页上的链接后才会显示其个人资料页面上的这个div,否则会隐藏。

这可以做到,有人可以告诉我如何做到这一点:

如果我单击链接并且div与链接位于同一页面上,则此代码有效但如果我单击主页上的链接并且div位于我想要的配置文件页面上,则它不起作用。

home.php

<a id="myLink" href="javascript:void(0)" onclick="javascript:myLinkButtonClick();">click here</a>

<script>
function myLinkButtonClick()
{
    var $element = $('.nswp-frame2');
    if($element.is(':visible')){
        $element.hide();
    } else {
        $element.show();
    }
}


</script>

profile.php

<hidden div>

1 个答案:

答案 0 :(得分:0)

为了实现这一点,您需要将关闭状态的一些概念传递给辅助页面。这可以通过很多方式完成。最简单的(也是最容易出现的问题)是当用户在页面之间移动时将其作为查询字符串的一部分传递。

更好的选择是使用cookie或会话变量。使用数据库表支持这是一个选项,但可能过度(取决于您是否需要此首选项以在多个访问/会话中保留)。

此外,如果您想要已经打开的页面(例如,在另一个浏览器选项卡中),那么您将需要实现某种Javascript(可能是AJAX)轮询解决方案,以根据状态定期更新可见性数据库/ cookie /会话变量。