March 6, 2010 by SLJ | Category:Design, HTML/CSS, Javascript, MySQL, PHP, Projects | 2,144
最近在为MeePlace 2.7的后台编写多选功能。在一个接一个的版本中,MeePlace的后台是越来越强大了(不够谦虚,hoho),后台采用纯ajax异步(有的时候觉得编程会有点麻烦,但是从1.0开始就是这样的后台,现在要改的话也麻烦,况且AJAX能给用户带来更好的体验,就继续开发吧:D)
这次后台增加的功能中,有一个是能够多选/全选项目,这个已经是历史遗留问题了,在我所有开发的项目中都是用这套自己开发的后台系统,改一改就成。这次布莱恩吧multi-selectable列在了Milestone里,所以就写了。以前有做过多选,不过由于是原始form的post,所以比较简单。这次用AJAX的后台多选操作,我还是想了一下才开始动手的。
我的想法是,通过遍历checkbox,来得到有被选定了的checkbox的value,然后再传给后端进行多选处理。
下面公开MeePlace的这部分代码。

全选按钮。用户点击全选的那个checkbox后,checkbox的onclick=”select_item_all(this,”allitem”,”childitem”)”
其中”allitem”是全选的checkbox的classname,因为也许这个全选会出现两个,或者更多,比如表头和表尾各一。
“childitem”是所有的条目前的checkbox的classname。
JS代码:
More »
December 28, 2009 by SLJ | Category:Design, HTML/CSS | 410
最近在做 YelpClone 的 Theme 定制服务,边做边学很多。
有两个网站拿出来分享一下,一直忘了分享,也许是域名太好记了。呵呵
Ajaxload.info 本人比较喜欢这个
Load Info
Preloaders
July 21, 2009 by SLJ | Category:HTML/CSS, Javascript | 1,165
HTML 语言是互联网的基础。如何正确合理的编写 HTML 文档,是很多 Web 开发人员关心的问题。富含语义的 HTML 是一种 Web 应用开发的实践,它强调从文档所需要表达的语义出发,使用 HTML 语法中表示文档结构和富含语义的元素来编写 HTML 文档,从而使得 Web 应用的结构与展示分离,降低各部分之间的耦合度。随着 Ajax 应用的流行,这种实践越来越为 Web 开发人员所接受。本文详细介绍富含语义的 HTML 这一开发实践,供 Web 开发人员参考。
More »
June 15, 2009 by 龙 | Category:Javascript | 626
前几天本来想搞的个天气预报,放到自己的站点。想调用别人的Web Service。所以就到google上找了一下,找到了一篇关于这方面的好文章。这里面讲了四种方法来。都是构建一个 Ajax 天气预报面板。下面是这四个方法
第一种:遍历 DOM 树:服务器上简单的 Web 代理从 NWS 服务器拉出数据并发送到浏览器。在浏览器内,JavaScript 解释器从返回的 responseXML DOM 树提取部分数据,添加一些 HTML 格式,然后将其插入到页面中的 DIV 标记。
第二种:服务器上的 XSLT:一个服务器端脚本从 NWS 服务器拉出数据,使用 XSLT 将数据由 XML 转化成 HTML 格式,然后将 HTML 代码片段发回浏览器。浏览器随后将代码片段插入到一个 DIV 标记。
第三种:客户端 XSLT :该方法使用一个简单的 Web 代理(同方法 1)将 XML 数据发送回浏览器。与方法 1 不同的是,使用客户端 XSLT 将 XML 转换为 HTML,并将其插入到一个 DIV 标记。
第四种:JSON 和动态脚本标记,一个外部服务(Yahoo! Pipes)将 NWS 数据从 XML 转换为 JavaScript Object Notation (JSON)。天气预报面板库利用 JSON 的特殊能力和 JavaScript 语言将转换后的数据拉回到浏览器 — 避免了对代理的需求。
这四种方法都是将xml的数据提取出来。
不过遗憾的是自己没有能找到想一个好的数据源,看了别人提供的数据源都不怎么样,如果谁知道这个数据源的可以给我留下言。
具体的方法大家可以到原文看:天气预报面板
Recent Replies / 最新回复