社区
JavaScript
帖子详情
用纯js怎么是实现目录树,,不用xml和xmlhttp的话可以么(同时不用
)
lpgy
2004-10-24 01:13:21
不用xmlhttp(包括flash,applet)技术,也不用iframe框架,只用纯js的话能达到http://chesscn.com/menu/index.html这样的效果么,急。
...全文
243
4
打赏
收藏
用纯js怎么是实现目录树,,不用xml和xmlhttp的话可以么(同时不用<iframe>)
不用xmlhttp(包括flash,applet)技术,也不用iframe框架,只用纯js的话能达到http://chesscn.com/menu/index.html这样的效果么,急。
复制链接
扫一扫
分享
举报
写回复
配置赞助广告
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/
相关推荐
Ajax的jQuery和原生
js
实现
Ajax简介Ajax全称为 Asynchronous JavaScript And
XML
,译为异步的javasrcipt及
XML
,就是利用javascript执行异步网络请求,在
不用
刷新网页的情况下与后端服务器进行少量的数据交换。原生
js
实现
:function AjaxBy
Js
Test(){ var
xml
http
; //1.创建
XML
Http
Request对象 if ...
comet研究
comet研究维持一个长连接,后台向
iframe
的GET请求 中不一次性写入数据,浏览器在每次发现soket.flush的时候更新
iframe
内容,比如写入脚本,从而
实现
异步
HTTP
通讯和控制。他比
XML
HTTP
的优 势在于
不用
每次更新内容都socket.close,从而减少TCP握手次数、建立连接次数。因此对于大规模应用,comet比
XML
HTTP
伸缩性更好!研究发现,Firefox对次支持...
JS
中多个
xml
Http
实现
无刷新ajax
这是在csdn上下载的东西,我
不用
asp,为了方便大家下载,我把它传上来了。
另类思路:
不用
xml
http
或者
iframe
来
实现
ajax操作
functionsptOps(str)...{varurl='/product/index/sa?'+str;varelement=document.createElement("script");element.setAttribute("language","javascript");element.setAttribute("...
发帖
JavaScript
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
8.7w+
社区成员
22.4w+
社区内容
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
帖子事件
创建了帖子
2004-10-24 01:13
社区公告
暂无公告