在網站中使用google翻譯

                <div id="jqfy-box" class="row" style="width: 100%; margin-top: 8px; height:236px; ">
                    <div class="block-title" style="width:100%;">
                        <span style="float:left">在線免費翻譯</span>
                    	<span style="float:right; height:22px; width:25px; margin: 0 5px 0 0; ">
                            <a href="#" onclick="$('#jqfy-box').hide();return false;" style="width:25px; 
                            line-height:20px; background: url('{$themePath}images/close.gif') 50% 0 no-repeat; 
                            display:block;">&nbsp;</a></span>
                    </div>
                    <div class="block-main" style="height:200px; border-color: #CCC;">                        
                        <form class="query-box" onsubmit="return submitChange();">
                          <textarea class="query-input" id="source" style="width:48%; height:160px; 
                               background:#FEFEFE; border:1px solid #EEE; font-size:12px;" 
                               autocomplete="off">Cambridge</textarea>
                                 
                          <textarea class="query-input" id="results_body" style="width:48%;height:160px;
                              background:#FEFEFE;border:1px solid #EEE;font-size:12px;" autocomplete="off"></textarea>
                        
                          <center>
                              <select name="src" id="src"></select>
                              >>
                              <select name="dst" id="dst"></select>
                              <input class="button" type="submit" value="翻譯"/>
                          </center>
                        </form>
                    </div>
                </div>
 
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("language", "1");
google.setOnLoadCallback(init);

function init() {
  var src = document.getElementById('src');
  var dst = document.getElementById('dst');
  var zhLanguages = {
        'af' :  '南非荷蘭語',
        'sq' :  '阿爾巴尼亞語',
        'am' :  '阿姆哈拉語',
        'ar' :  '阿拉伯語',
        'hy' :  '亞美尼亞語',
        'az' :  '阿塞拜疆語',
        'eu' :  '巴斯克語',
        'be' :  '白俄羅斯語',
        'bn' :  '孟加拉語',
        'bh' :  '比哈里語',
        'bg' :  '保加利亞語',
        'my' :  '緬甸語',
        'ca' :  '加泰羅尼亞語',
        'chr' :  '切羅基語',
        'zh' :  '中文',
        'zh-CN' : '簡體中文',
        'zh-TW' : '繁體中文',
        'hr'  : '克羅地亞語',
        'cs'  : '捷克語',
        'da'  : '丹麥語',
        'dv'  : '迪維希語',
        'nl'  : '荷蘭語',
        'en'  : '英語',
        'eo'  : '世界語',
        'et'  : '愛沙尼亞語',
        'tl'  : '菲律賓語',
        'fi'  : '芬蘭語',
        'fr'  : '法語',
        'gl'  : '加利西亞語',
        'ka'  : '格魯吉亞語',
        'de'  : '德語',
        'el'  : '希臘語',
        'gn'  : '瓜拉尼語',
        'gu'  : '古吉拉特語',
        'iw'  : '希伯來語',
        'hi'  : '北印度語',
        'hu'  : '匈牙利語',
        'is'  : '冰島語',
        'id'  : '印度尼西亞語',
        'iu'  : '伊努伊特語',
        'it'  : '意大利語',
        'ja'  : '日語',
        'kn'  : '卡納達語',
        'kk'  : '哈薩克語',
        'km'  : '高棉語',
        'ko'  : '韓語',
        'ku'  : '庫爾德語',
        'ky'  : '吉爾吉斯語',
        'lo'  : '老撾語',
        'lv'  : '拉脫維亞語',
        'lt'  : '立陶宛語',
        'mk'  : '馬其頓語',
        'ms'  : '馬來語',
        'ml'  : '馬拉雅拉姆語',
        'mt'  : '馬耳他語',
        'mr'  : '馬拉地語',
        'mn'  : '蒙古語',
        'ne'  : '尼泊爾語',
        'no'  : '挪威語',
        'or'  : '奧裏雅語',
        'ps'  : '普什圖語',
        'fa'  : '波斯語',
        'pl'  : '波蘭語',
        'pt-PT'  : '葡萄牙語',
        'pa'  : '旁遮普語',
        'ro'  : '羅馬尼亞語',
        'ru'  : '俄語',
        'sa'  : '梵語',
        'sr'  : '塞爾維亞語',
        'sd'  : '信德語',
        'si'  : '僧伽羅語',
        'sk'  : '斯洛伐克語',
        'sl'  : '斯洛文尼亞語',
        'es'  : '西班牙語',
        'sw'  : '斯瓦希里語',
        'sv'  : '瑞典語',
        'tg'  : '塔吉克語',
        'ta'  : '泰米爾語',
        'tl'  : '泰盧固語',
        'th'  : '泰國語',
        'bo'  : '藏語',
        'tr'  : '土耳其語',
        'uk'  : '烏克蘭語',
        'ur'  : '烏爾都語',
        'uz'  : '烏茲別克語',
        'ug'  : '維吾爾語',
        'vi'  : '越南語'
  };

  src.options.add(new Option('英語', 'en'));
  dst.options.add(new Option('中文', 'zh-CN'));

  var i=0;
  for (l in zhLanguages) {
      var lngCode = l;
      var lng = zhLanguages[l];
      if (google.language.isTranslatable(lngCode)) {
          var srcSelected = false;
          var dstSelected = false;
          if('en' == lngCode) { srcSelected = 1; }
          if('zh-CN' == lngCode) { dstSelected = 1; }
        
          src.options.add(new Option(lng, lngCode, srcSelected));
          dst.options.add(new Option(lng, lngCode, dstSelected));
      }
  }
  
  submitChange();
}

function submitChange() {
  var value = document.getElementById('source').value;
  var src = document.getElementById('src').value;
  var dest = document.getElementById('dst').value;
  google.language.translate(value, src, dest, translateResult);
  return false;
}
 
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章