Archive for the ‘Ajax’ Category

JavaScript模仿PHP的日期格式化函数

http://joncom.be/code/jquery-phpdate/

$.PHPDate("l, jS F Y H:i:s T", new Date());

用法基本和PHP的date是一样的,很简便,具体请查看作者Blog上的文档

一个基于Mootools/jQuery的表格插件

TableGear
TableGear是一个基于Mootools/jQuery的表格插件,通过Ajax删除、添加、修改数据。 :mrgreen:

用JS来实现PHP函数功能

http://phpjs.org/
很多PHP函数都有相应的Javascript实现

Codeigniter的Ajax示例

下载后解压缩到自己的CI目录,导入SQL文件就可以直接查看了。示例是用Google Libraries API的Mootools 1.1.1版本,所以无需再自己下载了。
点击下载示例
示例中的Ajax代码

window.addEvent('domready', function(){
	$$('a[title=status]').each(function(el){
		el.addEvent('click', function(e){
			new Event(e).stop(); //停止a标签的跳转
			var uri = this.getProperty('href').split("#"); //把URL分割出等下要提交Ajax请求的地址和参数
			var value = uri[1].split("-"); //把参数分割为数据库中的id值和当前status的值
			new Ajax(uri[0], {
				method: 'post', //以post方式提交
				data: Object.toQueryString({
					//生成querystring格式的请求,示例"id=1&status=1"
					id:value[0],
					status: value[1] == '1' ? '0' : '1'
				}),

				//当ajax请求完成时触发的事件
				onComplete: function(vars){
					var r = Json.evaluate(vars); //把从PHP传递过来的Json字符串转换为Javascript对象
					if(r.result){ //判断刚才发送的Ajax请求是否更新成功
						this.setProperty('href', uri[0] + '#' + r.id + '-' + r.status);//更新a标签的URL与参数
						this.setText( r.status );//设置a标签的新文本为更新后的status值
					}
				}.bind(this)
			}).request();
		});

		el.addEvent('mouseover', function(){
			this.setProperty('title', '');
		});
	});
});

一个Javascript小游戏

刚才在Google Code上闲逛,看到一款Javascript小游戏,可以选择双人对战,或是人和机对战,而且还有回放功能,很有创意 :cool:
查看Pentagoo Code
查看Demo

UvumiTools Dropdown Menu


基于Mootools的菜单,看起来和Flash做的没两样,可以选择多种动画效果,很酷 :cool:
点击查看

基于Mootools 1.2的超酷菜单


点击查看
源码下载
演示horizontal
演示vertical

Mootools 1.2 Final

mootools12.jpg
总算放出1.2正式版了,现在还不了解有什么改进,从文档上看,对比1.11改动还是挺大的,新版本的DEMO还未放出,期待ing :cool:
点击下载Mootools 1.2
点击查看Docs
点击查看Demos

Google AJAX Libraries API

ajaxlibs.png
AJAX Libraries API是Google提供的一个用来加载Ajax库的接口 :cool:

Example


媲美Flash的JavaScript工具包


RGraph
rgraph.jpg


Treemaps
treemap.jpg


Hyperbolic Trees
hypertree.jpg


ST
st.jpg

点击查看

Powered by WordPress | Shop Free Cellular Phones at Bestincellphones.com. | Thanks to Best CD Rates, iCellPhoneDeals.com Offers Best Cell Phone Deals. and Incinerador De Grasa