Ajax特效 动态树形列表 之二
技术要点
在基本原理的介绍中，了解到通过在父节点内动态创建子节点，并利用样式表缩进完成树形列表的基本框架。除了这一点外，还有下面一些问题需要考虑。
1．将父节点所有的子节点放入一个容器中
基本原理页面中仅包含了创建子节点的功能，不可以将创建好的节点再进行关闭操作。实际应用中菜单总是包含打开和关闭两种操作。为了方便进行关闭操作，将子节点放入一个容器中，在关闭时只需要设置容器的显示属性即可。
2．节点开关的具体实现
每个父节点的所有子节点放入容器中后，在单击父节点时判断子节点容器的显示状态。如果当前为打开状态，则将其关闭，反之则将其打开。具体使用的方法是调用节点的style.display属性进行判断，关闭时的状态为none，非none时表示打开。为了清晰地表示父节点的打开或关闭状态，使用“＋”和“－”字符进行标识。
3．节点分为目录节点和非目录节点
目录节点下可包含子节点，非目录节点也可称为叶子节点，即该节点不包含子节点。在本例中对这两种节点进行区别对待。单击目录节点将对其子节点进行展开或关闭操作。单击非目录节点将链接到新的页面（目前暂时将新页面地址弹出，在实际应用中可进行修改）。
相关文档：
这几天一直在研究treeTable（是一款jQuery的插件），这款插件将普通的表，变成一个可以收缩的treeTable。这种表格主要应用于权限处理，可以使用户一目了然地看见各个资源的继承关系。 上图就是一个简单的treeTable图例。 但是该表是一个静态的表，表格里的内容是一次性从服务器上获取下来，然后插件根据tr的id以及clas ......
页面中显示了3个问题，分别编号为1、2、3。每个问题表现为一个超链接，单击超链接触发loadFAQ函数。每个问题下面包含一个用于显示答案的div，id属性设置为“faqDetail+问题编号”，通过style="display:none"默认设置为隐藏。详细的函数说明请参考代码中的注释。
<%@ page contentType="text/plain; c ......
服务器端响应文件read_faq.jsp
服务器响应文件根据用户传入的faqId参数，从数据库中查找对应的FAQ详细信息。详细信息可以为包含HTML标记的内容。查询完毕后将结果返回。
<%@ page contentType="text/plain; charset=UTF-8"%>
<%@ page language="java"%>
<%@ page import="java.sql.*,ajax.db.D ......
在很多系统中，需要用户填写个人资料，其中包含地区、城市、邮政编码等信息。而邮政编码本身包含了地区和城市信息，所以可以利用此规则简化操作。用户只需要输入邮政编码，系统根据邮政编码自动取得地区信息。这样做使得用户可以获得更好的使用体验，也可以减少错误的发生。
要实现自动获取地区信息，主要考虑3个问� ......
用户操作界面postalcode.html
页面中包含3个文本框，分别表示邮政编码、地区和城市信息。当用户输入邮政编码后，系统将自动从服务器读取地区和城市信息，填充到对应文本框中。详细的函数说明请参考代码中的注释。
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<head>
<tit ......
