隐藏取消隐藏div标签

时间:2012-11-12 20:34:20

标签: html primefaces show-hide

以下是javascript代码:

<script language="JavaScript">
    function ShowHide(divId)
    {
        if(document.getElementById(divId).style.display == 'none')
        {
            document.getElementById(divId).style.display='block';
        }
    }
</script>

这是调用showhide函数的xhtml代码:

<p:column>
<p:commandLink onclick="javascript:ShowHide('HiddenDiv');" ajax="false" value="#{rail.trainNo}" action="#yardMaster.populateTrainDetails(rail.trainNo)}" style="font-family:Times New Roman, Times, serif;"></p:commandLink>
</p:column>

以上是应该取消隐藏以下部门的链接:

<div style="display: none" id="HiddenDiv">
 Stuff
</div>

基本上我试图取消隐藏div标签中的一个表,这是第一次呈现网页时不显示的。这只是一半的工作,从某种意义上说,当我点击链接时,它会出现一秒左右,并立即消失。我做错了什么?

1 个答案:

答案 0 :(得分:1)

删除ajax="false"。您不需要刷新给定div的整个页面。在您单击p:commandLink的情况下,将显示div,但是从ajax="false"开始刷新整个页面 - 这将显示您的div处于初始状态。