最新閲覧日:

はじめまして。
IEだけで動くツリー表示をしたいと思っています。
ファイルを読み込んだとき、IEだけツリーの内容を閉じた状態で表示し、
それ以外のものは開いた状態で、ツリーの動作をしなくても良いと思っています。
一体どうすればいいでしょうか??

-----------------------------ソース---------------------------------
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<script Language="JavaScript"><!--
function check(){
str = navigator.appName.toUpperCase();
if (str.indexOf("EXPLORER") >= 0){
treeMenu1.display = "none";
}
}
function exMenu(tName)
{
tMenu = document.all[tName].style;
if (tMenu.display == 'none') tMenu.display = "block"; else tMenu.display = "none";
}
// --></script>
</head>

<body bgcolor="#FFFFFF" Onload="check()">
<a href="javaScript:exMenu('treeMenu1')">タイトル</a>
<div id="treeMenu1">
<table border=0 cellspacing=2 cellpadding=2 width="100%">
<tr bgcolor="#ffffff">
<td><font color="#808080">
<ul>
<li>内容1
<li>内容2
<li>内容3
<li>内容4
<li>内容5
<li>内容6
</ul>
</font></td>
</tr>
</table>
</div>
</body>
</html>

A 回答 (1件)

以下の様な動作をします。


IE限定
親をクリックで子を表示、再度親をクリックで子を非表示
子をクリックでリンク先表示

------------------------------------------------
function init(){
if(navigator.appName.charAt(0)=="M"){
document.all.child1.style.display="none";
} else {
location.href="exit.html";
}
}
------------------------------------------------
<body onLoad="init()">
<table><tr><td>
<div id="parent1" onClick="document.all.child1.style.display=document.all.child1.style.display=='none' ? '' : 'none'">
親1
</div>
<div id="child1">
<a href="">子1</a><br>
<a href="">子2</a><br>
<a href="">子3</a><br>
</div>
以下parent2-child2,parent3-child3...

</td><td>
コンテンツをここに表示
</td></tr></table>
</body>

使いやすいように手を加えてくださいませ。
    • good
    • 0
この回答へのお礼

ありがとうございます!

バッチリでした!!感謝感謝です!

お礼日時:2002/03/20 09:17

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!


このカテゴリの人気Q&Aランキング

おすすめ情報

カテゴリ