日期:2014-05-16  浏览次数:20360 次

prototype.js参考部分问题
prototype.js手册中,说了好多对比如String,Object,等的扩充一直看不明白这些是什么意思
我节选一部分:

4.1.   JavaScript   类的扩展
prototype.js   包中加入功能的一种途径就是扩展已有的JavaScript   类。

4.2.   对   Object   类的扩展
4.5.   对   String   类的扩展
4.6.   对   document   DOM   对象的扩展
4.7.   对   Event   对象的扩展
。。。

我想知道这些是什么意思。prototype.js里的这部分内容如何应用。。


------解决方案--------------------
发你一段我在项目中应用的代码,你要它难就难简单就简单


//初始变量
var path = '../../Aspx/Help/web_mend.aspx? ';

//表单验证
function ValiInputs() {
var successEffect = function(element) {
$(element).removeClassName( 'red ').ancestors()[0].previousSiblings()[0].addClassName( 'true ');
}

var errorEffect = function(element) {
$(element).addClassName( 'red ').ancestors()[0].previousSiblings()[0].removeClassName( 'true ');
}

var options = {
elements: [ 'personname ', 'email ', 'phone ', 'describe '],
submit: 'submit ',
focusEffect: function(element) {
$(element).addClassName( 'green ').removeClassName( 'red ');
},

blurEffect: function(element, result) {
$(element).removeClassName( 'green ');
if (result)
successEffect(element);
else
errorEffect(element);
},

errorEffect: function(result) {
result.each(function(element) {
errorEffect(element);
});
},

successEffect: function(result) {
result.each(function(element) {
successEffect(element);
});
},

onSuccess: function() {
WebMend();
}
}

Vali = new Validation.Valied(options);
}

//网站改善/错误报告
function WebMend() {
var options = {
method: 'post ',
postBody: _Form.getform(),
onComplete: function(trans) {
if (!trans.responseText) {
alert( '发送信息成功! ');
_Form.reset();
}
}
}

new Ajax.Request(path + 'parameter=WebMend ', options);
}

//表单操作
var _Form = {
reset: function() {
[$( 'personname '), $( 'email '), $( 'phone '), $( 'describe ')].each(function(element, index) {
element.value = ' ';
element.removeClassName( 'red ')._true = undefined;
element.ancestors()[0].previousSiblings()[0].removeClassName( 'true ');
});
},

getform: function() {
return [$( 'personname '), $( 'email '), $( 'phone '), $( 'describe ')].map(function(element, index) {
return element.id + '= ' + encodeURIComponent(element.getValue());
}).join( '& ');
}
}

window.onload = function() {
ShowTi.load();
ValiInputs();
}