樹的制作

riffleliu 2002-06-22 05:30:04

可不可以不用Java applet而直接用javascript寫出顯示出樹形目錄?
像一些郵箱左邊那樣子的樹。

...全文

44 17 打赏收藏转发到动态举报

写回复

用AI写文章

17 条回复

切换为时间正序

请发表友善的回复…

发表回复

alexxing 2002-07-25

打赏
举报

applet 还是不好用，速度慢，不好和HTML交互
用jscript比较合适

to llrock(百乐宝)：要学这方面的知识，找些DHTML和DOM的参数书，没有DOM，javascript也没什么用

rill518 2002-07-25

打赏
举报

我有一個完整的例子﹐我給你mail過去﹐你可以看看﹐其實有這類工具。可以生成java applet代碼

llrock 2002-07-04

打赏
举报

不知道你有没有MSDN，多看看，那可是好东西，那里不明白说得清楚一点，我没法回答，还有多去国外得网站，那里的技术很先进，思想更先进，我们确实是发展中国家！你问的稍微清楚一点，我好讲清楚，我可是个负责的人，谁让这里那么多人帮助过我，不知道你有没有过其他方面的编程经验，其实就是controls，没什么，有时候利用control是很方便的，具体问题具体分析，我学js页只是3个月，继续关注！

riffleliu 2002-07-04

打赏
举报

to:llrock(百乐宝) 那么event除了srcElement这个对像之外﹐还有其它对象吗?它的对象层次又是怎么的呢?我想问这种技朮你是在哪里学的呀﹐我在书上都没有看到过。

llrock 2002-07-04

打赏
举报

那个event就是你所说的onclick事件呀，没错，如果你想把它放到每个list元素也行，那样你最好创建一个自己的类，然后用类的方法创建每个list项，那样比较灵活，否则你必须直接在html提前写好每个list元素，并获得每个onclick事件，这只是个最简单的例子，利用node，仔细看看就明白了，就一个函数多简单，你要看搞版本到user1.7host.com/llrock

llrock 2002-07-04

打赏
举报

我知道你那里没看懂了，在这里我用了两个不太常用的属性display和sourceIndex；
display和visibility：visibility=hidden只是对像隐藏，display=none浏览器根本不打印，举个例子：
<table width="100%" border="1" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
<td onclick="this.style.visibility='hidden';"> </td>
<td onclick="this.style.display='none'"> </td>
</tr>
</table>
sourceIndex：每个浏览器标签都有一个sourceIndex，按出现的先后顺序。
这个树比较简单，所以有很多缺陷，比如你在数中加如<b></b>标签来修饰文字，你会发现它不能正常工作。这是
var srcIndex = event.srcElement.sourceIndex
var nested = document.all[srcIndex+1]
这两句导致的，你所说的对象层次就是<ul><li></ul>的层次，这个属之所以简单也就是利用了这个特性，但带来的是不易扩展，不过你可以使用id，这样扩展起来比较容易，如果想更好就写个类用类的方法动态创建树干和叶，也不是很难，只是我不太喜欢树。功能单一，虽然层次性比较好.忘掉上面说的controls吧，我想了想也不太一样，虽然也可以把sourceIndex理解为controls。我不知道说明白没有，其实我是新手，有很多js不明白，还请这位朋友今后多帮忙。先谢了。我是见义勇为的好市民！

llrock 2002-07-04

打赏
举报

怎么可能有问题，自己写的，在试试看
<html>
<head>
<title>Left</title>
<link rel="stylesheet" href="css/css.css" type="text/css">
<style>

</style>

<script language="JavaScript1.2">
function change(){
if(!document.all)
return
if (event.srcElement.id=="foldheader") {
var srcIndex = event.srcElement.sourceIndex
var nested = document.all[srcIndex+1]
if (nested.style.display=="none") {
nested.style.display=''
event.srcElement.style.listStyleImage="url(min1.gif)"
}
else {
nested.style.display="none"
event.srcElement.style.listStyleImage="url(plus1.gif)"
}
}
//alert(nested)
}

document.onclick=change

//-->
</script>

</head>
<body bgcolor="#69e90a" text="#000000" leftmargin="30" topmargin="0">
<nobr>

<ul id="foldinglist">
<li id="foldheader">公共信息</li>
<ul id="foldinglist" style="display:none" >
<li><a href="send.jsp?groupid=100" target="_top">公共信息</a></li>
<li id="foldheader">kdk</li>
<ul id="foldinglist" style="display:none" >
<li><a href="send.jsp?groupid=101" target="_top">公共信息</a></li>
</ul>
</ul>

<li id="foldheader">商学院</li>
<ul id="foldinglist" style="display:none" >
<li><a href="send.jsp?groupid=100" target="_top">公共信息</a></li>
<li id="foldheader">kdk</li>
<ul id="foldinglist" style="display:none" >
<li><a href="send.jsp?groupid=101" target="_top">公共信息</a></li>
</ul>
</ul>
</ul>
</nobr>
</body>
</html>

riffleliu 2002-07-03

打赏
举报

to:llrock(百乐宝) event.srcElement.id=="foldheader这里的event是什幺﹐javascript里没有这个东东呀。从你的程序里可以看出﹐它应该是传回单击的那个对像﹐但你能不能详细解释一下这个东东﹐或是其它地方有相关文章的话﹐你告诉我url我自己去看好了。在javascript里我還是第一次看到這么用的。真的。很不明白???

llrock 2002-07-01

打赏
举报

<html>
<head>
<title>Left</title>
<link rel="stylesheet" href="css/css.css" type="text/css">
<style>

</style>

<script language="JavaScript1.2">
function change(){
if(!document.all)
return
if (event.srcElement.id=="foldheader") {
var srcIndex = event.srcElement.sourceIndex
var nested = document.all[srcIndex+1]
if (nested.style.display=="none") {
nested.style.display=''
event.srcElement.style.listStyleImage="url(min1.gif)"
}
else {
nested.style.display="none"
event.srcElement.style.listStyleImage="url(plus1.gif)"
}
}
//alert(nested)
}

document.onclick=change

//-->
</script>

</head>
<body bgcolor="#69e90a" text="#000000" leftmargin="30" topmargin="0">
<nobr>

<ul id="foldinglist">
<li id="foldheader">公共信息</li>
<ul id="foldinglist" style="display:none" >
<li><a href="send.jsp?groupid=100" target="_top">公共信息</a></li>
<li id="foldheader">kdk</li>
<ul id="foldinglist" style="display:none" >
<li><a href="send.jsp?groupid=101" target="_top">公共信息</a></li>
</ul>
</ul>

<li id="foldheader">商学院</li>
<ul id="foldinglist" style="display:none" >
<li><a href="send.jsp?groupid=100" target="_top">公共信息</a></li>
<li id="foldheader">kdk</li>
<ul id="foldinglist" style="display:none" >
<li><a href="send.jsp?groupid=101" target="_top">公共信息</a></li>
</ul>
</ul>
</ul>
</nobr>
</body>
</html>