재우니의 블로그

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

프로그래밍/자바스크립트
2009. 3. 10. 02:24

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

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


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47

<!--
  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입니다

저작자표시 비영리 동일조건

'프로그래밍 > 자바스크립트' 카테고리의 다른 글

스마트폰 브라우저 체크하여 페이지 분기시키기  (0) 2012.04.14
Regular Expression 정규화 이론  (0) 2012.04.02
구글 gmail 처럼 경고창을 보여주기  (0) 2009.09.20
input 태그에 readOnly 속성 할당하기  (0) 2009.03.07
이메일 체크 (validation)  (0) 2009.02.24

티스토리툴바

Buy Me A Coffee