浏览 4025 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
|
|
---|---|
作者 | 正文 |
发表时间:2009-06-14
最后修改:2009-06-14
http://onehackoranother.com/projects/jquery/boxy/。但是在使用的过程中发现Boxy.confirm和Boxy.alert的按钮的文案是无法修改的。就这一点感觉这个插件稍微有一点欠缺,其实对于confirm和alert着两个WINDOW上按钮也应该没有什么特殊的需求,在中国无非是“确认”、“取消”,对于老外无非是"ok"、"cancel",所以我就想着让这个插件支持国际化。
今天比较了几个jquery dialog的plugin并且看了一些网上的评论,最终决定使用boxy
在JS中进行国际化的支持我参考了rapid-validation http://code.google.com/p/rapid-validation/ 新增了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); } 经过这个修改使用Boxy.confirm当用户点击了“确定”或者"OK"后都会回调外部方法。当使用Boxy.alert时用户点击了“确定”或者"OK"返回给回调函数的值都是'true'修改后的js代码见附件 声明:ITeye文章版权属于作者,受法律保护。没有作者书面许可不得转载。
推荐链接
|
|
返回顶楼 | |
发表时间:2009-07-26
谢谢。经测试,直接使用字符出现了乱码,我将中文字符转义后,使用正常,如下修改:
'true':'\u786e\u5b9a','false':'\u53d6\u6d88' |
|
返回顶楼 | |
发表时间:2009-07-26
我测试的时候都是正常的,所有的JS文件都是用UTF-8的格式保存。
|
|
返回顶楼 | |