もう少し複雑かもしれませんが、私の質問はこのトピックに当てはまると思います。
常に表示され、CSS の背景を持つ 1 つのラッパーがあります。
ただし、この div 内の要素は、製品の値に基づいて最終的なビジュアル イメージを構成します。
たとえば、次のようになります。
上部のセクションには、データベースの値に基づいてコンテンツを非表示/表示する if & else が必要です。たとえば、「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>
。
下の 2 つのセクションを非表示にする必要はありませんが、これに加えて、常にデータベースを表示する必要があります
<!-- ########### 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を使用することを考えていますが、ASPを使用してデータベーステーブルからデータを取得するだけですが、ASPに不慣れで、特に元のサイトが削除されたように見えるため、迷子になりますおそらく私の過去の同僚。
男私はこれについて助けが必要です......
これまでのすべてに感謝します。