階層構造のメニューの表示

質問

親メニュー項目に＋マークをつけて表示し、+マークをクリックすると、その下に子メニューが表示されるようなもの（その際、＋マークが-マークに変わっている）を作りたいのですが、ASPで作成すると聞きました。ASPは全くの初心者なのですが、作成方法を知りたいと思っています。

回答No.1

BlueRay · ベストアンサー

サンプルです。こういうやつですか？？？
ちなみに、JavaScriptです。

'**********　ここから　**********
<script language="javascript">
<!--
var tFrom;
var visible = false;
var block = false;
var chrTree = "+";
function changeVis(objMenu, objTree)
{
if (visible) {
　　visible = false;
　　block = false;
　　chrTree = "＋";
} else {
　　visible = true;
　　block = true;
　　chrTree = "－";
}
tFrom = document.all(objMenu);
tFrom.innerText = chrTree + tFrom.innerText.substring(1, tFrom.length);
document.all(objTree).style.visibility=(visible?"visible":"hidden");
document.all(objTree).style.display=(block?"block":"none");
}
//-->
</script>

<TABLE><TR>
<TD><DIV id="menu1">＋</DIV></TD>
<TD><DIV><A href="#" onClick="changeVis('menu1', 'tree1')">メニュー１</A></DIV></TD>
</TR></TABLE>
<DIV id="tree1" STYLE='visibility:hidden;display:none'>
　├ <A href="#">コンテンツ１－１</A><BR>
　├ <A href="#">コンテンツ１－２</A><BR>
　├ <A href="#">コンテンツ１－３</A><BR>
　└ <A href="#">コンテンツ１－４</A>
</DIV>

<TABLE><TR>
<TD><DIV id="menu2">＋</DIV></TD>
<TD><DIV><A href="#" onClick="changeVis('menu2', 'tree2')">メニュー２</A></DIV></TD>
</TR></TABLE>
<DIV id="tree2" STYLE='visibility:hidden;display:none'>
　├ <A href="#">コンテンツ２－１</A><BR>
　├ <A href="#">コンテンツ２－２</A><BR>
　├ <A href="#">コンテンツ２－３</A><BR>
　└ <A href="#">コンテンツ２－４</A>
</DIV>
'**********　ここまで　**********

お礼

その通りです。JavaScriptでしたか。失礼いたしました。実現できて嬉しいです。ありがとうございました。