JavaScript Bookmarklet -- 翻譯精靈

訊息

參考文獻

簡體版

English

專案下載：翻譯精靈 — bookmarkletMT.zip
專案網址：翻譯精靈 — http://ccckmit.wikidot.com/code:jsmt

檔案：MT_toolbar.htm

<html>
<META http-equiv=Content-Type content="text/html; charset=UTF-8"> 
<body bgcolor="#d0d0d0">
<center><H1>翻譯精靈</H1><sub>(陳鍾誠的作品 - 小書籤工具)</sub></center>

<H2>說明</H2>
<p>
<a href="javascript:(function(){s=document.createElement('script');s.type='text/javascript';
s.src='http://1.latest.ccckmit.appspot.com/mt_toolbar.js';document.body.appendChild(s); })();">
翻譯精靈</a>
-- 翻譯用的書籤工具，可將選取範圍的文章翻譯成中文顯示，這是利用 Google 翻譯 API + JavaScript 所作的書籤小工具。
</p>

<H2>用法</H2>
<p>
使用本工具時，請先將超連結拖拉到書籤列上，想要用該工具時，就點選該書籤，接著會出現一個工具列，就可以開始使用了。
</p>

以下是作者使用時的一個畫面，請參考!<BR/><BR/>
<center>
<img src="toolbarGuide.jpg"/>
</center>
</body>
</html>

檔案：mt_main.js

function hideToolbar(){
  document.getElementById("toolbar").style.display = "none";
}

function transCallback(result) {
    if (result.translation) {
      alert("原文："+selectText + "\n\n中文："+result.translation);
    }
}

selectText = "";

function translate(text) {
  google.language.translate(text, "", "zh-TW", transCallback);
}

function translateSelected() {
  selectText=((window.getSelection && window.getSelection())
                ||(document.getSelection && document.getSelection())
                ||(document.selection && document.selection.createRange
                   &&document.selection.createRange().text));
  if (!selectText || selectText == "")
    selectText = document.getElementById("sourceText").value;
  document.getElementById("sourceText").value = selectText;
  document.getElementById("msgbar").innerHTML = selectText; // 奇怪，一定要加這兩行才行。
  selectText = document.getElementById("msgbar").innerHTML; // 奇怪，一定要加這兩行才行。
  google.language.translate(selectText, "", "zh-TW", transCallback);
}

function langLoaded() {
}

function pageLoaded() {
  google.load("language", "1", { "callback": langLoaded });
}

檔案：mt_toolbar.js

function hideToolbar(){
  document.getElementById("toolbar").style.display = "none";
}

function transCallback(result) {
    if (result.translation) {
      alert("原文："+selectText + "\n\n中文："+result.translation);
    }
}

selectText = "";

function translate(text) {
  google.language.translate(text, "", "zh-TW", transCallback);
}

function translateSelected() {
  selectText=((window.getSelection && window.getSelection())
                ||(document.getSelection && document.getSelection())
                ||(document.selection && document.selection.createRange
                   &&document.selection.createRange().text));
  if (!selectText || selectText == "")
    selectText = document.getElementById("sourceText").value;
  document.getElementById("sourceText").value = selectText;
  document.getElementById("msgbar").innerHTML = selectText; // 奇怪，一定要加這兩行才行。
  selectText = document.getElementById("msgbar").innerHTML; // 奇怪，一定要加這兩行才行。
  google.language.translate(selectText, "", "zh-TW", transCallback);
}

function langLoaded() {
}

function pageLoaded() {
  google.load("language", "1", { "callback": langLoaded });
}

Facebook

page revision: 4, last edited: 04 May 2011 00:36

Edit Rate (0) Tags Discuss (0) History Files Print Site tools + Options

金門大學：免費電子書、教材、程式、動畫

訊息

檔案：MT_toolbar.htm

檔案：mt_main.js

檔案：mt_toolbar.js

Facebook

Facebook

Wikidot

Post preview:

Other interesting sites