Javascript如果&amp;否则透露&amp;隐藏<div>的</div>

时间:2012-10-10 11:39:34

标签: javascript if-statement

我觉得我的问题属于这个话题,虽然可能有点复杂:

我有一个单独的包装器,它将始终可见并具有css背景。

然而,此div中的元素构成了基于产品值的最终视觉图像。

例如:

上半部分需要有if&amp;否则根据数据库值隐藏/显示内容,因此如果'header_4'下的数据库行包含'B',那么它将仅显示<div id="B_LT"><p>B</p></div><!-- end of 'B_LT' -->

但与此同时,如果'header_5'下的行中的值包含'D',则还会在<div id="D_RT"><p>D</p></div><!-- end of 'D_RT' -->的同时显示<div>

我不需要隐藏两个较低的部分,但除此之外,还需要始终显示数据

<!-- ########### UPPER SECTION STARTS ########## -->

<div id="wrp">

<div id="left_top">

<div id="A_LT">
<p>A</p>
</div><!-- end of 'A_LT' -->

<div id="B_LT">
<p>B</p>
</div><!-- end of 'B_LT' -->

<div id="C_LT">
<p>C</p>
</div><!-- end of 'C_LT' -->

<div id="D_LT">
<p>D</p>
</div><!-- end of 'D_LT' -->

<div id="E_LT">
<p>E</p>
</div><!-- end of 'E_LT' -->

<div id="F_LT">
<p>F</p>
</div><!-- end of 'F_LT' -->

<div id="G_LT">
<p>G</p>
</div><!-- end of 'G_LT' -->

</div><!-- end of 'left_top' -->


<div id="right_top">

<div id="A_RT">
<p>A</p>
</div><!-- end of 'A_RT' -->

<div id="B_RT">
<p>B</p>
</div><!-- end of 'B_RT' -->

<div id="C_RT">
<p>C</p>
</div><!-- end of 'C_RT' -->

<div id="D_RT">
<p>D</p>
</div><!-- end of 'D_RT' -->

<div id="E_RT">
<p>E</p>
</div><!-- end of 'E_RT' -->

<div id="F_RT">
<p>F</p>
</div><!-- end of 'F_RT' -->

<div id="G_RT">
<p>G</p>
</div><!-- end of 'G_RT' -->

</div><!-- end of 'right_top' -->


<!-- ########### LOWER SECTION STARTS ########## -->

<div id="left_bottom">

<!-- 
Database returns value and Reveals relevant <div> based on returned value
Example: if database returns the numerical value '2' then the associated <div> for 2 bars is revealed.
<div id="BAR2_LB"><img src="bar2.png" /></div><!-- end of 'BAR2_LB' -->
-->

<div id="BAR0_LB">
<img src="bar0.png" />
</div><!-- end of 'BAR0_LB' -->

<div id="BAR1_LB">
<img src="bar1.png" />
</div><!-- end of 'BAR1_LB' -->

<div id="BAR2_LB">
<img src="bar2.png" />
</div><!-- end of 'BAR2_LB' -->

<div id="BAR3_LB">
<img src="bar3.png" />
</div><!-- end of 'BAR3_LB' -->

</div><!-- end of 'left_bottom' -->


<div id="right_bottom">

<div id="DB_RB">
<p>40</p><!-- Database returned value -->
</div><!-- end of 'DB_RB' -->

</div><!-- end of 'right_bottom' -->

</div><!-- end of 'wrp' -->

<!-- ########### HIDE / REVEAL ENDS ########## -->

如果有人能够提供帮助,我们将不胜感激。

/////////////////////编辑///////////////////////// /////////////

感谢您的回复,尝试帮助澄清一点。

这个将用于的网站是用ASP.Net 2.0编写的(在新的一年里重新开发,但是老板要求尽快实现这一点。)

我正在考虑将隐藏揭示功能用于JavaScript,但我认为自从发布以上内容后我发现了一个更大的问题。

这个问题是我无法找到(我之前的那个)网站文件的原始副本,其中包含“代码隐藏”文件。

我现阶段只有预编译网站。

但是我正在考虑使用JavaScript来隐藏&amp;透露这些部分,但然后简单地使用ASP从数据库表中提取数据,但我是ASP的新手,特别是因为看起来原来的网站已经被我的过去的同事删除了,但很可能。

我需要帮助这个人.......

感谢所有人。

0 个答案:

没有答案