社区
JavaScript
帖子详情
用纯js怎么是实现目录树,,不用xml和xmlhttp的话可以么(同时不用
)
lpgy
2004-10-24 01:13:21
不用xmlhttp(包括flash,applet)技术,也不用iframe框架,只用纯js的话能达到http://chesscn.com/menu/index.html这样的效果么,急。
...全文
268
4
打赏
收藏
用纯js怎么是实现目录树,,不用xml和xmlhttp的话可以么(同时不用<iframe>)
不用xmlhttp(包括flash,applet)技术,也不用iframe框架,只用纯js的话能达到http://chesscn.com/menu/index.html这样的效果么,急。
复制链接
扫一扫
分享
转发到动态
举报
AI
作业
写回复
配置赞助广告
用AI写文章
4 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
lpgy
2004-10-31
打赏
举报
回复
我试试
luckydog903
2004-10-30
打赏
举报
回复
这是主页面tree.htm
<HTML>
<HEAD>
<TITLE></TITLE>
<SCRIPT LANGUAGE=javascript src=TreeDir.JS></SCRIPT>
</HEAD>
<BODY bgColor=lightblue nowrap>
</BODY>
</HTML>
这是js文件TreeDir.JS
function limg_onclick(li, d, limg)
{
if(d.style.display == "none")
{
d.style.display = "block"
limg.src = "b.bmp"
}
else
{
d.style.display = "none"
limg.src = "a.bmp"
}
window.event.cancelBubble = true
}
function li_onclick(li, d, limg)
{
if(d == null)
{
alert("You click " + window.event.srcElement.id + "!")
}
else
{
if(d.style.display == "none")
{
d.style.display = "block"
limg.src = "b.bmp"
}
else
{
d.style.display = "none"
limg.src = "a.bmp"
}
}
window.event.cancelBubble = true
}
function li_onmouseover(li)
{
li.style.color = itemAFC
li.style.backgroundColor = itemABC
window.event.cancelBubble = true
}
function li_onmouseout(li)
{
li.style.color = itemFC
li.style.backgroundColor = treeBC
window.event.cancelBubble = true
}
function writeItem(li, suffix)
{
if(li.toString().split(",").length == 1)
{
var str = li.split(";")
document.write("<IMG id=limg" + suffix + " SRC=\"c.bmp\"> <SPAN id=li" + suffix)
document.write(" style=\"COLOR: " + itemFC + "; CURSOR: hand;\"")
document.write(" LANGUAGE=javascript")
document.write(" onclick =\"return li_onclick(li" + suffix + ")\"")
document.write(" onmouseover=\"return li_onmouseover(li" + suffix + ")\"")
document.write(" onmouseout=\"return li_onmouseout(li" + suffix + ")\">")
if(str.length >= 2)
{
document.write("<A target=\"" + treeTarget + "\" HREF=\"" + str[1] + "\">" + str[0] + "</A></SPAN><BR>")
}
else
{
document.write(str[0] + "</SPAN><BR>")
}
}
else
{
document.write("<IMG id=limg" + suffix + " SRC=\"a.bmp\"")
document.write(" style=\"COLOR: " + itemFC + "; CURSOR: hand;\"")
document.write(" LANGUAGE=javascript")
document.write(" onclick =\"return limg_onclick(li" + suffix + ", d"
+ suffix + ", limg" + suffix + ")\"")
document.write("> <SPAN id=li" + suffix)
document.write(" style=\"COLOR: black; CURSOR: hand;\"")
document.write(" LANGUAGE=javascript")
document.write(" onclick =\"return li_onclick(li" + suffix + ", d"
+ suffix + ", limg" + suffix + ")\"")
document.write(" onmouseover=\"return li_onmouseover(li" + suffix + ")\"")
document.write(" onmouseout=\"return li_onmouseout(li" + suffix + ")\">")
document.write(li[0] + "</SPAN><BR>")
document.write("<DIV id=d" + suffix + " style=\"DISPLAY: none\">")
document.write("<UL id=u" + suffix + " style=\"MARGIN-LEFT: " + indent + "\">")
for(var i = 1; i < li.length; i++)
{
writeItem(li[i], suffix + "_" + i)
}
document.write("</UL></DIV>")
}
}
var treeBC = "lightblue"
var treeFC = "darkblue"
var itemFC = "black"
var itemABC = "lightskyblue"
var itemAFC = "red"
var indent = 20
var marginleft = 5
var treeTarget = "Menu"
var li = new Array()
li[0] = "Tree"
li[1] = new Array()
li[1][0] = "Item 1"
li[1][1] = "Item 1_1;page1_1.htm"
li[1][2] = "Item 1_2;page1_2.htm"
li[1][3] = "Item 1_3;page1_3.htm"
li[2] = new Array()
li[2][0] = "Item 2"
li[2][1] = new Array()
li[2][1][0] = "Item 2_1"
li[2][1][1] = "Item 2_1_1;page2_1_1.htm"
li[2][1][2] = new Array()
li[2][1][2][0] = "Item 2_1_2"
li[2][1][2][1] = "Item 2_1_2_1;page2_1_2_1.htm"
li[2][1][2][2] = "Item 2_1_2_2;page2_1_2_2.htm"
li[2][1][2][3] = "Item 2_1_2_3;page2_1_2_3.htm"
//li[2][1][3] = "Item 2_1_3;page2_1_3.htm"
//li[2][1][4] = "Item 2_1_4;page2_1_4.htm"
li[2][1][3] = "Item 2_1_3"
li[2][1][4] = "Item 2_1_4"
li[2][2] = new Array()
li[2][2][0] = "Item 2_2"
li[2][2][1] = "Item 2_2_1;page2_2_1.htm"
li[2][2][2] = "Item 2_2_2;page2_2_2.htm"
li[2][3] = "Item 2_3;page2_3.htm"
li[3] = "Item 3;page3.htm"
document.write("<DIV noWrap>")
document.write("<UL style=\"BACKGROUND-COLOR: " + treeBC + ";")
document.write(" COLOR: " + treeFC + ";")
document.write(" MARGIN-LEFT: " + marginleft + "\">")
document.write(li[0] + "<BR>")
for(var i = 1; i < li.length; i++)
{
writeItem(li[i], i)
}
document.write("</UL>")
document.write("</DIV>")
lpgy
2004-10-24
打赏
举报
回复
那个我知道啊,XML实现的,可是客户不让用XML,急哦
Minisheep
2004-10-24
打赏
举报
回复
看看这里
http://fason.nease.net/samples/treeview/
前端求职刷题(第一部分)
文章
目录
HTML5不在支持的元素:在Javascript定义一个函数一般有如下三种方式:CSS清除浮动表示新开一个标签页的超链接代码是:()当/的两边都是整数时,/表示整除,是否正确?在准备
XML
Http
Request对象时,在send()前需要调用哪个方法?以下 javascript 代码,在浏览器中运行的结果是基于以下 HTML 结构和 CSS 样式,文本 Dijkstra的颜色应该是?boo...
前端面试题杂烩part1
web app 问题:手机端 click 事件会有大约 300ms 的延迟 原因:手机端事件 touchstart --\> touchmove --> touchend or touchcancel --> click,因为在touch事件触发之后,浏览器要判断用户是否会做出双击屏幕的操作,所以会等待300ms来判断,再做出是否触发c
前端面试--111
<script type="text/javascript"> var obj = {} Object.defineProperty(obj, 'txt', { get: function () { return obj },
javascript 原生常用api 数组方法大全
html> head> meta charset="UTF-8"> title>title> script type="text/javascript"> var arr = [ [1, 2, 2], [3, 4, 5, 5], [6, 7, 8, 9, [11, 12, [12, 13, [14]]]], 10 ]; var newArr
常用的一些javascript小技巧
以下信息来之于蓝色理想的oror帖子//事件源对象 event.srcElement.tagName event.srcElement.type //捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture();//事件按键 event.keyCode event.shiftKey event.alt
JavaScript
87,997
社区成员
224,709
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章