`
kongshanxuelin
  • 浏览: 927071 次
  • 性别: Icon_minigender_1
  • 来自: 宁波
社区版块
存档分类
最新评论

网页划词自动翻译的实现

阅读更多

其中机器翻译调用的Google API,将以下代码另存为即可看到效果,或看在线Demo:http://game.faqee.com/huaci.html

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
<html>  
<head>  
<title>Javascript实现划词标记+划词搜索功能代码实例</title>  
<meta http-equiv="Content-Type" content="text/html; charset=GBK">  
<script type="text/javascript" src="http://www.google.com/jsapi"></script>

</head>  
<body>  
<script type="text/javascript">

    google.load("language", "1");
 
    function trans(srcTest,obj) {

	  obj.innerHTML = "翻译中...";
 
      var text = srcTest;
 
      google.language.detect(text, function(result) {
 
        if (!result.error && result.language) {
 
		  var temp = "en|zh-CN";
		  var y = temp.split("|")[0];
		  var m = temp.split("|")[1];
          google.language.translate(text, y, m,
 
 
          function(result) {
 
            var translated = obj;
 
 
			obj.disabled=false;
 
 
            if (result.translation) {
 
 
              translated.innerHTML = result.translation;
 
 
            }else{
 
 
			  alert("无翻译结果");
 
 
			}
 
 
          });
 
 
        }else{
 
 
   		   obj.disabled=false;
 
 
		   alert(result.error);
 
 
		}
 
 
      });
 
 
    }
 
 
  </script>

<SCRIPT language=javascript>  
<!--  
document.body.onload=adddiv;  
document.onmousedown=recordobj;  
document.ondblclick=dbclick;  
document.onmouseup=showselect;  
var starobj,isdb=false,allow=true;
function isallow()  
{  
if(allow){  
allow=false;
var objj=document.getElementById("objj");     
objj.innerHTML="<a href=javascript:isallow()>开启划词搜索</a>";    
}  
else{  
allow=true;
var objj=document.getElementById("objj");    
objj.innerHTML="<a href=javascript:isallow()>禁用划词搜索</a>";  
}  
}  
function dbclick()  
{  
isdb=true;  
}  
function recordobj()  
{  
starobj=event.srcElement;  
}  
function showselect() {  
var str="";  
if(event.srcElement.tagName!="A"&&event.srcElement.tagName!="INPUT"&&event.srcElement==starobj&&!isdb&&allow)  
{  
var oText=document.selection.createRange();  
if(oText.text.length>0)  
{  
str=oText.text;  
oText.text="BuB"+oText.text+"EuE";  
}  
oText.select();  
event.srcElement.innerHTML=event.srcElement.innerHTML.replace("BuB","<u style='FONT-WEIGHT: bold;COLOR: #ff3366'>").replace("EuE","</u>");  
}  
searchgoogle(str);  
isdb=false;  
}  
function searchgoogle(str)  
{  
var obj=document.getElementById("searchgoogle");  
if(str.length>0)  
{  
obj.style.display="block";  
obj.style.position="absolute";  
obj.style.zindex=999;  
obj.style.posTop=document.body.scrollTop+event.y-25;  
obj.style.posLeft=document.body.scrollLeft+event.x+5;  
obj.style.widht=80;  
obj.innerHTML="<div id='transResult' style='background:#FFF;border:2px solid #CCFFFF;'></div>";  
trans(str,document.getElementById('transResult'));
}  
else  
{  
obj.style.display="none";  
}  
}  
function adddiv()  
{  
var mobj = document.createElement("div");  
mobj.id="searchgoogle";  
document.body.appendChild(mobj);  
}  
//-->  
</SCRIPT> 
<div id=objj><a href=javascript:isallow()>禁用划词搜索</a></div> 
<p>The time to move toward sustainability is now.
Concerns about the economy coupled with unpredictable energy prices are increasing pressure to bring operating costs down. Meanwhile, unprecedented public awareness of environmental issues means there's a "social dividend" to be gained by companies that go green, including being able to attract great talent.
</p>  
<p>Calculate your green savings.
Use our Sustainability Calculators to estimate your company's carbon footprint and see the savings you can achieve through enlightened IT implementation.
</p>
</body>  
</html>

 

分享到:
评论

相关推荐

    ubuntu下的划词工具实时翻译单词翻译汉译英和英译汉包括句子

    这些工具允许用户在浏览文档、网页或者使用其他应用程序时,通过选中文字即可实现即时翻译,极大地提高了学习和工作的效率。本篇将详细介绍一个在Ubuntu下使用的划词翻译工具及其安装步骤。 该工具主要功能是进行...

    划词翻译插件

    划词翻译插件是一种在网页浏览环境中提高用户效率的实用工具,它能够帮助用户快速地翻译选定的单词或短语,而无需离开当前页面。这种类型的插件通常集成多种翻译引擎,如谷歌翻译、有道翻译等,为用户提供准确、便捷...

    网站在线划词方便用户对单词的翻译划词翻译.zip

    在线划词翻译的实现离不开高效的算法和强大的计算资源,例如Google的神经机器翻译系统(Google Neural Machine Translation, GNMT)和阿里巴巴的神马翻译等。随着AI技术的发展,翻译的准确性和流畅性在不断提高,...

    ubuntu的划词工具实现添加单词到本地实时翻译中英文支持

    本文将详细介绍如何利用一个特定的划词工具实现这一功能,该工具特别支持中英文之间的翻译,并允许用户将新词汇保存到本地以供日后查阅。这个工具在安装过程中非常便捷,只需简单的解压和执行安装脚本。 首先,我们...

    Talent划词翻译浏览器插件

    1. **划词翻译**:用户只需在浏览网页时选中任意单词或短语,Talent插件就能即时显示翻译结果,无需跳转到其他页面或打开翻译工具。 2. **多语言支持**:该插件支持多种语言之间的翻译,涵盖了全球大部分常用语言,...

    划词翻译_v5.6.1.zip

    划词翻译是指用户在阅读网页时,只需用鼠标选择想要翻译的单词或短语,插件就会自动识别并即时显示出对应的翻译。这种方式极大地节省了用户在不同应用之间切换的时间,避免了复制粘贴的繁琐步骤,尤其对于多语言环境...

    Chrome浏览器划词翻译插件

    Chrome浏览器划词翻译插件是提高用户在线学习和工作效率的一种实用工具,它允许用户在浏览网页时方便地翻译选定的单词或句子,无需离开当前页面。这些插件通常是通过Chrome网上应用店下载安装,与Google Chrome...

    口袋划词翻译-crx插件

    可以背单词的划词翻译(关注公众号,开启收藏功能) 可以背单词的英汉划词翻译 方便的“收藏”功能(需登录,使用微信扫描二维码关注公众号即可登录),让你在阅读的过程中记录重要的单词,利用碎片时间掌握这些...

    【浏览器插件】彩云小译 网页翻译插件.zip

    【浏览器插件-彩云小译】...- 为确保划词翻译、自动翻译和视频翻译功能的正常使用,请授权小译访问和修改您正在访问的网站的所有数据。 - 如有疑问、建议或反馈,欢迎访问[腾讯兔小巢技术支持](https://support.qq.com/

    Google翻译插件压缩包

    此外,用户还可以开启整个页面的自动翻译功能,这样当访问非母语网页时,页面会自动转换为用户设定的语言。 谷歌翻译插件的另一大优点是其与浏览器的集成度高。它可以与Chrome的其他功能协同工作,例如保存翻译后的...

    highlight-translator-docs:划词翻译官网原始码

    7. **API接口**:划词翻译的实现依赖于翻译API,如Google Translate API、Bing Translator API等。这些API负责实际的翻译任务,源码中可能包含与API交互的代码片段,如请求构建和错误处理。 8. **国际化(i18n)**:...

    火山翻译谷歌浏览器插件

    【火山翻译谷歌浏览器插件】是一款专为谷歌浏览器(Google Chrome)设计的翻译工具,它提供了方便快捷的网页全文翻译和划词翻译功能,极大地增强了用户在浏览多语言网页时的语言理解和交流体验。 首先,这款插件的...

    腾讯翻译 v0.5.4 crx

    这款工具集成了多种实用功能,包括划词翻译、网页翻译以及双语对照,极大地提升了用户在浏览网页时的语言理解和学习效率。 划词翻译是腾讯翻译的一个核心特性。用户只需在网页上选择任何单词或短语,扩展便会自动...

    saladict沙拉查词chrome.rar

    2. **划词翻译**:在网页中选中单词或短语,鼠标悬停时就会出现翻译结果,无需离开当前页面,极大地提高了阅读效率。 3. **快捷键操作**:用户可以自定义快捷键,快速调用沙拉查词进行查询,提升工作效率。 4. **...

    真的超级简单实用翻译软件.zip

    8. **划词翻译**:用户可以在任何文本编辑器或网页上选择单词或短语,翻译软件会立即显示翻译结果,无需复制粘贴。 9. **离线翻译**:为了在没有网络连接的情况下也能使用,部分翻译软件提供离线包下载,存储了大量...

    鼠标取词源码,类似于金山词霸功能

    【标题】中的“鼠标取词源码,类似于金山词霸功能”指的是一个软件开发项目,其核心功能是模仿金山词霸的划词翻译功能,并且通过鼠标选择文本时自动识别和翻译单词或短语。金山词霸是一款知名的英语学习工具,它能够...

    金山词霸如何屏幕取词.docx

    在设置菜单中,找到“取词设置”或“划词翻译”选项,勾选“开启屏幕取词”或“启用华译”功能。这样就启用了屏幕取词功能。 2. **屏幕取词操作** 完成设置后,你可以打开任何包含英文的文档或应用。例如,这里...

    copy translater_interiorewf_Copytranslater_翻译软件_

    软件还有划词翻译功能,鼠标悬停在单词上即可显示翻译,这对于学习新词汇和短语尤为方便。 在实际应用中,CopyTranslator不仅可以用于阅读学术文献,还可以应用于商务交流、在线学习、个人研究等多个场景。特别是在...

    Qtranslate.zip

    此外,对于网页内容,Qtranslate同样能直接在浏览器中实现划词翻译,让用户在浏览网页时获取即时的翻译结果。 在多种翻译引擎的支持下,Qtranslate确保了翻译的准确性和多样性。谷歌翻译以其强大的语料库和算法,...

Global site tag (gtag.js) - Google Analytics