让jquery plugin boxy支持国际化

今天比较了几个jquery dialog的plugin并且看了一些网上的评论,最终决定使用boxy[url]http://onehackoranother.com/projects/jquery/boxy/[/url]。但是在使用的过程中发现Boxy.confirm和Boxy.alert的按钮的文案是无法修改的。就这一点感觉这个插件稍微有一点欠缺,其实对于confirm和alert着两个WINDOW上按钮也应该没有什么特殊的需求,在中国无非是“确认”、“取消”,对于老外无非是"ok"、"cancel",所以我就想着让这个插件支持国际化。
在JS中进行国际化的支持我参考了rapid-validation [url]http://code.google.com/p/rapid-validation/[/url]
新增了I18nUtils

I18nUtils = {
getLanguage : function() {
var lang = null;
if (typeof navigator.userLanguage == 'undefined')
lang = navigator.language.toLowerCase();
else
lang = navigator.userLanguage.toLowerCase();
return lang;
},
getMessageSource : function() {
var lang = I18nUtils.getLanguage();
var messageSource = Boxy.messageSource['zh-cn'];
if(Boxy.messageSource[lang]) {
messageSource = Boxy.messageSource[lang];
}
return messageSource;
},
getMessage:function(key){
var messageSource=I18nUtils.getMessageSource();
return messageSource[key];
}
}

增加国际化消息的定义

Boxy.messageSource={};
Boxy.messageSource['en-us']={
confirmBtn:{'true':'OK','false':'Cancel'},
alertBtn:{'true':'OK'}
}
Boxy.messageSource['zh-cn']={
confirmBtn:{'true':'确定','false':'取消'},
alertBtn:{'true':'确定'}
}

Boxy.messageSource['en']=Boxy.messageSource['en-us'];

修改Boxy.confirm和Boxy.alert的源代码

alert: function(message, callback, options) {
var i18nMsg=I18nUtils.getMessage('alertBtn');
return Boxy.ask(message, i18nMsg, callback, options);
},
confirm: function(message, after, options) {
var i18nMsg=I18nUtils.getMessage('confirmBtn');
return Boxy.ask(message,i18nMsg, function(response) {
if (response == 'true') after();
}, options);
}

[b]经过这个修改使用Boxy.confirm当用户点击了“确定”或者"OK"后都会回调外部方法。当使用Boxy.alert时用户点击了“确定”或者"OK"返回给回调函数的值都是'true'[/b]修改后的js代码见附件
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值