动机:
排序功能让我们页面上的数据显的更人性化,是我们在网站上见过的很普遍的一个功能效果了。以往的自动排序都是用大量的脚本代码来完成的,对一般的爱好者来说这是件困难的事情。然而用XML来处理的话就简单多了。让自己的页面更加绚丽,哈哈,您是不是也心动了呢!
材料:
XML卷之动态排序
有2个文件:paixu.xml 和 paixu.xsl
作用:
在不刷新页面的情况下更据用户自己的需要对数据重新进行排序显示,有效的提高数据互动功能,让自己的页面更加绚丽多彩。
效果:
浏览这里
代码:
paixu.xml
1
Sailflying
一个简单的排序
2002-1-11 17:35:33
XML专题
2
flyingbird
嫁给你,是要你疼的
2001-09-06 12:45:51
灌水精华
3
苛子
正则表达式在UBB论坛中的应用
2001-11-23 21:02:16
Web 编程精华
4
太乙郎
年末经典分舵聚会完全手册 v0.1
2000-12-08 10:22:48
论坛灌水区
5
mmkk
Asp错误信息总汇
2001-10-13 16:39:05
javascript脚本
paixu.xsl
http://www.w3.org/TR/WD-xsl">
XML卷之实战锦囊(1):动态排序
XML卷之实战锦囊(1):动态排序
[page]
|
|
|
|
|
|
讲解:
1)paixu.xml 是数据文件,相信大家都不会有问题。
2)paixu.xsl 是格式文件,有几个地方要注意。
(1)脚本中:
sortField=document.XSLDocument.selectSingleNode("//@order-by");
作用是:找到有属性为order-by的第一个节点,因此它对应的节点就是
因此在初次onLoad的时候order-by的value值是blue_ID。
而我们就是通过重新定义order-by的value值来达到排序的目的。
Layer1.innerHTML=source.documentElement.transformNode(stylesheet);
作用是:转化XML数据后更改Layer1,因此在传出参数'blue_name'后,