관리 메뉴

심재운 블로그

구글의 공개 API 를 가지고 번역 하는 사이트를 만들어보죠. 본문

프로그래밍/JavaScript

구글의 공개 API 를 가지고 번역 하는 사이트를 만들어보죠.

재우니 2009.03.10 02:24

구글의 공개 API 를 가지고 번역 하는 사이트를 만들어보죠.
아래의 소스를 붙여서 곧바로 실행하시면 됩니다. 아래 부분에 Hello. my site url is http://aspdotnet.tistory.com. 이 부분을 변경하시면 됩니다.

그리고 google.language.translate(text, 'en', 'ko' .... 이 부분에서 en 은 영문이며, ko 는 한국어를 의미합니다.
따라서 영문을 한국어로 번역하겠다는 의미로 해석을 하시면 됩니다. 일본어를 원하시면 jp 를 입력하시기 바래요.


<!--
  copyright (c) 2009 google inc.

  You are free to copy and use this sample.
  License can be found here: http://code.google.com/apis/ajaxsearch/faq/#license
-->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/
xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>Google AJAX Search API Sample</title>
    <script src="http://www.google.com/jsapi?key=ABQIAAAA1XbMiDxx_BTCY2_FkPh06RRaGTYH6UMl8
mADNa0YKuWNNa8VNxQEerTAUcfkyrr6OwBovxn7TDAH5Q"></script>
    <script type="text/javascript">
    /*
    *  How to translate text.
    */
    
    google.load("language", "1");
    
    function initialize() {
      var content = document.getElementById('content');
      // Setting the text in the div.
      content.innerHTML = '<div id="text">Hello. my site url is http://aspdotnet.tistory.com.<\/div><div id="translation"/>';
    
      // Grabbing the text to translate
      var text = document.getElementById("text").innerHTML;
    
      // Translate from Spanish to English, and have the callback of the request
      // put the resulting translation in the "translation" div.
      // Note: by putting in an empty string for the source language ('es') then the translation
      // will auto-detect the source language.
      google.language.translate(text, 'en', 'ko', function(result) {
        var translated = document.getElementById("translation");
        if (result.translation) {
          translated.innerHTML = result.translation;
        }
      });
    }
    google.setOnLoadCallback(initialize);
    
    </script>
  </head>
  <body style="font-family: Arial;border: 0 none;">
    <div id="content">Loading...</div>
  </body>
</html>



Hello. my site url is http://aspdotnet.tistory.com
안녕하세요. 내 사이트 URL을 http://aspdotnet.tistory.com입니다

1 Comments
댓글쓰기 폼