`
xieye
  • 浏览: 835272 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

HTML网页中树型结构显示的脚本实现

    博客分类:
  • PHP
阅读更多

资源管理器的左边是一个树状结构,可以方便的选择文件夹和文件,工作中需要这样一个东西,从网上下载了一个可以用,但显示速度慢,所以自己写了一个,给大家共享,欢迎修改。xieye114@yahoo.com.cn   
2007/05/16
今天发布新版本,
主要更新:跨浏览器显示,精美的文档。
请大家直接下载xyTreeV4.0.zip,原先那个不用了。
并请多提宝贵意见!


2007/06/20

今天发布新版本,
主要更新:动态加载节点,命名空间引入,自定义图片,一堆扩展方法……
请大家直接下载xyTreeV4.1.zip,原先那两个都不用了。
并请多提宝贵意见!
-- 倾力制作 年度巨献 --

  • xyTree.zip (73.9 KB)
  • 描述: 这是源程序
  • 下载次数: 655
  • xyTreeV4.0.zip (48.7 KB)
  • 描述: 这是xyTree新版的源程序,附有详细文档。
  • 下载次数: 741
  • xyTree4.1.zip (80.8 KB)
  • 描述: 这是xyTree的最新版本 请大家直接下载xyTreeV4.1.zip,原先那两个都不用了。 2007/06/20
  • 下载次数: 2657
分享到:
评论
12 楼 lumi 2007-05-22  
楼主,我也结合ajax和js实现了一颗类似的树,但是功能上没你的这么强!什么时候也贴出来给大家斧整一下!
11 楼 zsu_fredlin 2007-05-17  
嗯,同上!顶一个.好好学习一下.
10 楼 leondu 2007-05-16  
代码还没仔细看,不过看到你文档已经值得投一票了,呵呵。
9 楼 笨笨狗 2007-05-16  
我也设计了一个ajax的树结构,改天发出来给大家参考下,呵呵
8 楼 xieye 2007-05-15  
即将推出新版本,敬请期待,
xieye
20070515
7 楼 xieye 2007-05-10  
关于引用数据库的数据,事情是这个样子的:
(1)第一种方法(适用于数据基本不怎么变的情况),和我一样,自己写一个java程序,这个程序可以从库中读数据,完了生成一个文件,而这个文件和数据js文件一模一样。
(2)第二种方法,即时读取,这样就必须把这个文件的内容全部包含在jsp页面里(可以使用servlet),具体的做法,去掉HTML页面或jsp页面内的加载这句话<script src="data_xingzhengquhua.js"></script>
,然后换上<% ...... %>,里面是字符串,形如
<script>var treeXiaqu = new DivTree('中华人民共和国');
var node1,node2,node3,node4,node5;

node1 = new Node('北京市');
node1.id = 110000;
treeXiaqu.add(node1);

node2 = new Node('市辖区');
node2.id = 110100;
node1.add(node2);

node3 = new Node('东城区');
node3.id = 110101;
node2.add(node3);
..................
<script>
这就行了。
6 楼 xieye 2007-05-10  
sorry,我对FF和NS研究不多……
                        xieye
5 楼 wangwenpinghello 2007-05-09  
太好了
4 楼 googleme 2007-05-09  
不支持FF和NS,汗。。
3 楼 yuyue 2007-05-09  
很好,但是,我的数据是存在在数据库中的,如果我想用你这个组件,可以吗?你用qq或是msn吗?359606480,super.yue@hotmail.com
2 楼 guwei0530 2007-05-09  
相当不错。谢谢分享!
1 楼 xieye 2007-05-09  
强烈推荐!!!

相关推荐

    HTML网页中树型结构的纯脚本实现

    本篇将详细介绍如何在HTML网页中使用纯脚本来实现树型结构,我们将探讨两种版本:一种是没有复选框的2.1版,另一种是有复选框的3.2版。 首先,我们从基础开始。一个简单的树型结构可以由`&lt;ul&gt;`和`&lt;li&gt;`元素构建,...

    一种基于Ajax的动态树型结构的设计与实现.pdf

    相比之下,动态树型结构虽然能够实时添加、修改或删除节点,但在传统的实现方式中,往往需要频繁刷新页面,这不仅增加了服务器的负担,也降低了用户体验。 本文提出了一种基于Ajax和Yahoo用户界面库的动态树型结构...

    基于Ajax技术的树型结构目录的实现

    综上所述,基于Ajax技术的树型结构目录实现在网络应用程序中具有广泛的应用前景。通过对比分析dTree、xTree以及纯Ajax技术的实现方案,我们可以发现每种方法都有其独特的优势和适用场景。选择合适的实现方式,不仅...

    HTML+JS 树型结构

    在提供的文件列表中,`HelpLeft.htm`可能是包含HTML结构和JavaScript代码的网页,而`tree.js`可能是实现树型结构动态效果的JavaScript文件。分析这两个文件的内容,可以进一步了解具体实现的细节。 总的来说,...

    js+html+xml树型结构非常棒

    在网页开发中,树型结构是一种常见的数据展示方式,它能清晰地呈现层次关系,使得信息组织更加有序。本文将详细探讨"js+html+xml树型结构"在Web开发中的应用,以及如何利用这些技术创建出高效且直观的树形展示。 ...

    基于AJAX技术的动态树型结构的设计与实现.pdf

    本文主要介绍了基于AJAX技术的动态树型结构的设计与实现,文章首先对AJAX技术的概念、特点和原理进行了介绍,然后提出了使用AJAX技术实现科研管理系统中动态树型结构的设计。 AJAX技术是当前流行的网络应用客户端...

    树型结构自动生成HTML系统

    在IT行业中,构建一个树型结构自动生成HTML系统的任务是一项常见的需求,特别是在网站内容管理和新闻发布的场景下。本文将深入探讨如何使用PHP和HTML技术来实现这样的系统,并结合"mycodes.net"这个文件名,我们可以...

    简单js树型结构好用

    在网页开发中,树型结构是一种常见的数据展示方式,它能有效地组织和展现层次化的信息。JavaScript(简称js)作为一种广泛使用的客户端脚本语言,常用于实现动态交互效果,包括构建树形结构。本篇文章将深入探讨如何...

    ROOT树型结构(JSP)

    在JSP中实现ROOT树型结构,主要涉及到以下几个关键知识点: 1. **HTML和CSS**:HTML用于构建页面的基本结构,CSS则用来美化树型结构的显示效果,包括颜色、字体、布局等。可以使用`&lt;ul&gt;`和`&lt;li&gt;`元素来创建层级关系...

    多级目录树型结构菜单js代码

    在IT领域,构建一个可操作的多级目录树型结构菜单是常见的需求,尤其是在Web应用中,用于组织和展示复杂的层级关系,如文件系统、权限管理或者导航菜单。这款"多级目录树型结构菜单js代码"正是为解决这类问题而设计...

    经典的js树型菜单 javascript脚本

    JavaScript是一种广泛应用于网页和网络应用开发的编程语言,尤其在前端开发中占据核心地位。它以其动态、灵活的特性,使得构建交互式用户界面变得轻松。在这个“经典的js树型菜单”示例中,我们将深入探讨如何使用...

    树型结构菜单

    树型结构菜单是一种常见的网页和应用程序界面设计元素,它用于组织和展示层次化的数据或功能。在本场景中,我们讨论的是如何在网站上实施这种菜单以提高用户体验和导航效率。下面将详细介绍树型结构菜单的概念、优势...

    树型结构(javascript+dom+xml+css)

    树型结构在IT领域,尤其是前端开发中,是一种常见的数据表示方式,用于模拟具有层级关系的数据,例如文件系统、组织架构或网站导航等。在这个项目中,我们将关注如何使用JavaScript、DOM、XML以及CSS来创建和展示...

    [新闻文章]树型结构自动生成HTML系统_phptree.zip

    【标题】:“树型结构自动生成HTML系统_phptree.zip”指的是一个用于将树状数据结构转换为HTML展示的PHP程序。在Web开发中,这种系统可以帮助开发者将数据库中的层次化数据,如分类目录、组织架构等,以直观的HTML树...

    jquery-TreeTable树型结构 源码及示例

    这个"jquery-TreeTable树型结构 源码及示例"压缩包包含了实现这一功能的核心源码和示例,帮助开发者更好地理解和应用这个插件。 首先,jQuery TreeTable的基本概念是利用HTML表格的特性,通过添加特定的CSS类和使用...

    推荐一个树型结构的菜单

    在IT领域,尤其是在Web开发中,树型结构的菜单是一种常见的用户界面元素,它能够有效地组织和展示层次化的数据或功能。在这个场景中,我们讨论的是一个被推荐的树型菜单,它被描述为“简单易懂,灵活方便”,这表明...

    多级目录树型结构菜单js代码.zip

    在IT领域,尤其是在网页开发中,构建一个多级目录树型结构菜单是常见的需求,它可以用于网站导航、文件管理系统等场景。这种菜单能够清晰地展示层级关系,帮助用户更有效地浏览和操作大量的信息。本资源“多级目录...

    XML 树型控件代码.rar_html_html 树_html 树型_树型控件

    树型控件通常用于显示层次结构的数据,例如文件系统、组织结构或者菜单导航。 首先,我们需要理解XML的基本结构。XML文档由元素(Element)、属性(Attribute)和文本内容组成。元素是XML文档的构建块,以尖括号...

    精美的ajax树型菜单

    【标签】"树型菜单" 是一种常见的网页界面元素,它以树状结构显示信息,每个节点都可以展开或折叠,显示或隐藏其子节点。这种布局方式适合展现具有层次关系的内容,如网站导航、文件系统等。树型菜单在用户界面设计...

    html.rar_html_html date_html 二级菜单_树html_树型菜单

    在现代网页设计中,用户界面通常需要显示或选择日期,例如在预订系统或日历应用中。HTML5引入了`&lt;input type="date"&gt;`元素,允许用户通过内置的日期选择器输入日期,提高了用户体验。但有时,开发者可能需要更高级的...

Global site tag (gtag.js) - Google Analytics