| コード |
<![CDATA[
<html>
<head>
<title>状況対応型メニュー</title>
<script language="JavaScript"><!--
vType = ["none","block"];
function tblMenu(tOBJ,dType)
{
n = eval(document.myFORM.num.value);
Menu = tOBJ.tBodies[n].style;
for (i=0; i<tOBJ.tBodies.length; i++) if (i != n) tOBJ.tBodies[i].style.display = "none";
Menu.display = vType[Menu.display.indexOf("none") + 1];
}
// --></script>
</head>
<body>
<form name="myFORM">
No(0〜2):<input type="text" size="1" name="num" value="0">
</form>
<table border="1" cellspacing="0" cellpadding="0" onClick="tblMenu(this)">
<thead><tr><th bgcolor="orange">■■■ メニュー ■■■</th></tr></thead>
<tbody style="display:none">
<tr><td nowrap>高原レタス</td></tr>
<tr><td nowrap>カリフラワー</td></tr>
<tr><td nowrap>野沢菜</td></tr>
</tbody>
<tbody style="display:none">
<tr><td nowrap>鮎</td></tr>
<tr><td nowrap>秋刀魚</td></tr>
<tr><td nowrap>鰯</td></tr>
</tbody>
<tbody style="display:none">
<tr><td nowrap>緑香村</td></tr>
<tr><td nowrap>笑亀</td></tr>
<tr><td nowrap>七笑</td></tr>
<tr><td nowrap>真澄</td></tr>
<tr><td nowrap>越野寒梅</td></tr>
</tbody>
</table>
<hr>
</body>
</html>
]]>
|
状況対応型メニュー