使用jQuery集成Google翻译
利用jQuery,轻松将google翻译集成到你的web应用中。
1. [代码][JavaScript]代码
1<script src="Scripts/TranslatorScript.js" type="text/javascript"></script>
2 [代码]LoadScript,设置路径
1LoadScript(scriptPath + "jQuery-BlockUI.js");
2LoadScript(scriptPath + "jquery.translate-1.4.7.min.js");
3LoadScript(scriptPath + "jquery.cookie.js");
3. [代码][JavaScript]代码
01function getScriptsPath() {
02 var scripts = document.getElementsByTagName("script");
03 var regex = /(.*\/)TranslatorScript/i;
04 for (var i = 0; i < scripts.length; i++) {
05 var currentScriptSrc = scripts[i].src;
06 if (currentScriptSrc.match(regex))
07 return currentScriptSrc.match(regex)[1];
08 }
09
10 return null;
11}
4. 代码]loadTranslator
01function loadTranslator() {
02
03 $.translate(function() {
04
05 try {
06 $('#translate-bar').html("");
07 }
08 catch (e) {
09 }
10
11 var selectedLanguage = $.cookie('selectedLanguage'); //get previously translated language
12
13 if (selectedLanguage) {
14 if(selectedLanguage != 'en')
15 translateTo(selectedLanguage);
16 }
17
18 function translateTo(selectedLanguage) {
19 $('body').translate('english', selectedLanguage, {
20 not: '.jq-translate-ui',
21 fromOriginal: true,
22 start: function() {
23 $('#jq-translate-ui').val(selectedLanguage);
24 $.blockUI.defaults.applyPlatformOpacityRules = false;
25 $.blockUI(
26 {
27 message: 'Language Translation In Progress, Please Wait...',
28 css:
29 {
30 border: 'none',
31 padding: '10px',
32 backgroundColor: '#000',
33 '-webkit-border-radius': '9px',
34 '-moz-border-radius': '9px',
35 opacity: .9,
36 color: '#fff'
37 },
38 overlayCSS: { backgroundColor: '#000', opacity: 0.6, '-moz-opacity': '0.6', width: '100%', height: '100%' }
39 });
40 },
41 complete: function() { $.unblockUI({ css: { cursor: 'default'} }); }
42 });
43 }
44 // Languages are loaded into the selection box
45 $.translate.ui({css3特效
46 tags: ["select", "option"],
47 //a function that filters the languages:
48 filter: $.translate.isTranslatable, //this can be an array of languages/language codes too
49 //a function that returns the text to display based on the language code:
50 label: $.translate.toNativeLanguage ||http://www.huiyi8.com/css3/
51 function(langCode, lang) { return $.translate.capitalize(lang); },
52 //whether to include the UNKNOWN:"" along with the languages:
53 includeUnknown: false
54 }).change(function() {
55 $.cookie('selectedLanguage', $(this).val(), { path: '/' });
56 translateTo($(this).val());
57 return true;
58 }).appendTo('#translate-bar');
59 });
60}
使用jQuery集成Google翻译的更多相关文章
- 集成google翻译的小tips
文章首发于github.io 2018-08-04 12:43:20 google翻译的强大,就像我们公司的slogan : "让语言无国界,让世人心相通" 友情提示: googl ...
- 20+ 个很有用的 jQuery 的 Google 地图插件 (英语)
20+ 个很有用的 jQuery 的 Google 地图插件 (英语) 一.总结 一句话总结:英语提上来我才能快速去google上面找资源啊.google上面的资源要比百度丰富很多,然后有了英语就可以 ...
- Android 应用程序集成Google 登录及二次封装
谷歌登录API: https://developers.google.com/identity/sign-in/android/ 1.注册并且登录google网站 https://accounts. ...
- 添加了有道生词本的 chrome google翻译扩展和有道翻译扩展
在chrome发布项目,需要先花美金认证,还得要美国ID,无奈. 直接上源码,需手动导入. 原始项目源码并未开源,个人是从chrome本地文件里拿出来的,拓展来的,侵删(本来想着自已写一个,业余时间, ...
- 获取google翻译的音频文件_合并音频文件的方法
1. 把引文输入google 翻译,然后点击"朗读"
- Google翻译请求(难点是tk参数)
业务需求需要将一些文字翻译一下··· 但是直接调用接口收费啊啊啊啊(貌似是前几百万字免费,然后就开始收费了)···· 就想研究一下Google翻译接口... 想模拟Google向服务器发送一个Http ...
- 桌面每日一句--桌面翻译工具(有道翻译,微软翻译,Google翻译)
现在的翻译软件功能越来越多,也越来越臃肿,还不时弹广告,真的很烦恼. 鉴于这种情况,自己做了个翻译软件,能满足日常需求就好了.需要用的时候可以直接在桌面输入单词翻译,或者直接使用快捷键呼出翻译窗口.最 ...
- Xcode集成Google Test
Xcode集成Google Test 1.下载源代码https://github.com/google/googletest 2.进入下载文件目录下googletest/make中运行make gte ...
- Google翻译
本博文的主要内容有 .Google翻译的介绍 .Google翻译之一:内容板块的翻译 .Google翻译之二:网页的翻译 .Google翻译之四:文档的翻译 .Google翻译之四 ...
随机推荐
- java反射原理运用
1.首先用Java反射机制的要做到的一个目的:我们都知道通过得到一个对象中的指定方法或者属性等,基于这个原理我们来做一个 通用的功能,让客户端可以通过传入的对象和一个标识去调用这个对象里自己想要的方法 ...
- Java中获取ServletContext的方法
Servlet: this.getServletContext() this.getServletConfig().getServletContext() request.getSession().g ...
- Apple激活日期查询
需要输入的信息为苹果产品的序列号 查看您的保修服务和支持期限 - Apple 支持 或者通过果粉查询网站获取结果
- 给button添加长按手势并侦测到此button
1, 添加手势 self.longPressRecognizer = [[UILongPressGestureRecognizer alloc]initWithTarget:self action:@ ...
- GOF 23种设计模式-单例模式
• 创建型模式: – 单例模式.工厂模式.抽象工厂模式.建造者模式.原型模式. • 结构型模式: – 适配器模式.桥接模式.装饰模式.组合模式.外观模式.享元模式.代理模 式. • 行为型模式: – ...
- Unable to connect to the MKS : Failed to connect to server XXXXXX:903
Issue : 通过 vSphere 连接VM控制台的时候, 报错 Unable to connect to the MKS : Failed to connect to server X ...
- android wifi相关模块 命令列表 汇总
static final int BASE =Protocol.BASE_WIFI; 131072 static final intCMD_START_SUPPLICANT = BASE +11; ...
- CSDN站点系统升级公告
各位尊敬的CSDN用户: 你们好. CSDN站点将于2015年12月17日23时-12月18日08时进行系统升级维护,升级维护期间,CSDN站点将会受到影响.可能会导致博客.下载频道及站点其它功能无法 ...
- python(24)- 面向对象进阶
面向对象基础知识: 1.面向对象是一种编程方式,此编程方式的实现是基于对类和对象的使用: 2.类是一个模板,模板中包装了多个‘函数’供使用(可以将多函数中公用的变量封装到对象中): 3.对象,根据模板 ...
- Android开发之实现锁屏功能
锁屏须要引入设备超级管理员.在文档Android开发文档的Administration中有具体的说明. Android设备管理系统功能和控制訪问. 主要有一下几个步骤: 1 创建广播接收者,实现De ...