SharePoint2010 自定义多语言切换与多语言实现 JS方式
2012-05-03 17:13
363 查看
1、自定义一个改变SharePoint 显示语言下拉框,使用JS实现功能
2、内容多语言化,使用JQ的多语言插件实现
因为多语言的切换是全局功能,还是这里为导航内容多语言化,所以JS写在母版页中了。
2、内容多语言化,使用JQ的多语言插件实现
因为多语言的切换是全局功能,还是这里为导航内容多语言化,所以JS写在母版页中了。
//在SharePoint中的JS路径。 <script type="text/javascript" src="/_Layouts/JavaScript/jquery-1.7.1.min.js"></script> <script type="text/javascript" src="/_Layouts/JavaScript/jquery.localisation.js"></script> <script type="text/javascript"> $(document).ready(function() { if (_spPageContextInfo.currentLanguage == "1033") { $("#divselect").val("en"); } else if (_spPageContextInfo.currentLanguage == "1028") { $("#divselect").val("zh-TW"); } var url = document.location.toString(); $("#divselect").change(function () { if(url.indexOf("lang=")>0) { url = url.substring(0,url.indexOf("lang=")-1); } if ($("#divselect").val()== "en") { if(url.indexOf('?')>0) { url = url +"&lang=1033"; }else { url = url +"?lang=1033"; } OnSelectionChange("1033",url); } if ($("#divselect").val()== "zh-TW") { if(url.indexOf('?')>0) { url = url +"&lang=1028"; }else { url = url +"?lang=1028"; } OnSelectionChange("1028",url); } }); MultLang(); }); //通过清除cookice,改变当前显示语言 function OnSelectionChange(value,url) { var today = new Date(); var oneYear = new Date(today.getTime() + 365 * 24 * 60 * 60 * 1000); document.cookie = "lcid=" + value + ";path=/;expires=" + oneYear.toGMTString(); window.location.href = url; } //JS通过变量名获取变量值 function getParameterByName(name) { name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]"); var regexS = "[\\?&]" + name + "=([^]*)"; var regex = new RegExp(regexS); var results = regex.exec(window.location.href); if(results == null) return ""; else return decodeURIComponent(results[1].replace(/\+/g, " ")); } //根据不同的语言动态加载JS文件,JS文件包含变量的定义;如:ideastatus-zh-TW.js ideastatus.js function MultLang() { try { var langfile; if(_spPageContextInfo.currentLanguage== "1028" ){ langfile='ideastatus-zh-TW'; } else if(_spPageContextInfo.currentLanguage== "1033") { langfile='ideastatus'; } //动态加载JS文件,注意路径问题 $.localise(langfile, {loadBase: true, path: '../_layouts/JavaScript/lang/'}); changeLangs(); } catch(e){ } } function changeLangs(){ if(_spPageContextInfo.currentLanguage!= "1033"){ //使用JQ的选择器找到要多语言化的文件,替换 $("#ideaText").html(IdeaText); } } </script> <select id="divselect" > <option value="en" >English</option> <option value="zh-TW">繁體中文</option> </select> <div id ="ideaText"> idea </div>
相关文章推荐
- js实现选项卡切换的三种方式
- 自定义JSP标签实现语言国际化(类似struts text标签),并同时支持图片、JS文件国际化
- android 2种切换语言方式:应用内切换和随系统而切换 代码实现重启应用
- Liferay7.0使用 language key/value 方式实现多语言切换
- 一个流行且实用的JS表单验证提示,演示了怎么自定义错误信息的显示方式,同时通过写FormValid.showError类方法来实现错误显示方式自定义: errMsg 是一个错误消息的数组,这样方便自定
- 自定义属性之图片切换实例——初始化、实现切换效果——JS学习笔记2015-5-29(第42天)
- JS实现多语言方式
- 用js给div绑定事件,实现点击切换效果的几种方式总结
- JS+DIV实现自定义Title的显示方式
- sharepoint2010问卷调查(4)-实现问卷的重复答复次数(采用自定义字段类型和JS)
- JS实现多语言方式
- js的自定义属性及多一排图片的点击切换效果的实现
- js实现接口的几种方式
- js(javascript) 继承的5种实现方式
- velocity.js实现页面滚动切换效果
- Js实现页面跳转的几种方式
- 原生js实现自定义alert风格和实现
- JS实现FLASH幻灯片图片切换效果的方法
- 用js实现页面跳转的几种方式