웹마스터 팁

  2. Support
  3. 웹마스터 팁

구글 번역기 API

2008.10.29 15:39

유비키리

구글에서 번역기 api를 공개했네요.

자세한 내용은 여기서 참고하세요. (영문페이지)

사용법:

<head> 안에서

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
스크립트 불러오시고

google.load("language", "1");
이 한줄 실행 한 뒤에


google.language.translate("Hello world", "en", "es", function(result)
{
  if (!result.error)
  {
    var container = document.getElementById("translation");
    container.innerHTML = result.translation;
  }
});
이렇게 사용하면 된답니다.


넘겨줄 인자는 google.language.translate("번역할 글", "번역대상언어", "번역후언어", 처리용 함수); 이구요
번역대상언어를 "" 이렇게 비워두시면 자동으로 detect해서 번역합니다.


일정 길이 이상 넘어가면 번역이 되는군요.

품질이 그다지 뛰어나지는 않지만 재미는 있네요.


제가 만든 예제를 보시려면 여기를 클릭하세요.


코드를 이용한 상세 설명

<html>
<head>
<title>구글번역기 예제</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
  function translate()   // 버튼을 눌렀을 때 작동할 함수
  {
    var text = document.getElementById("body").innerHTML;   // div#body 안에 있는 내용을 text 변수에 저장
    google.language.translate(text, "en", "ko", function(result){
        document.getElementById("caption").value=result.translation;  // 번역기 요청후, 결과를 #caption에 보여주기.
    });
  }
  google.load("language", "1");  // 구글 번역기 로딩.
</script>
</head>
<body>
<div id="body">Hello. Nice to meet you. This is the google translator.</div>
<textarea id="caption" style="width:400px;height:150px;">google translator</textarea><br />
<input type="button" value="번역하기" onclick="translate();" /> 이 버튼을 누르면 번역이 됩니다.
</body>
</html>



 

이 게시물을
수정 삭제
좋아요
목록
제목 글쓴이 날짜
고글검색하기!! [7] 김민환 2006.10.30
셀렉트 박스를 이용한 콘트롤 만들기 ( 위로 이동 ) [1] 예뜨락 2006.10.30
로딩 레이어 만들기 [6] 이진수 2006.11.27
[동영상강좌] 홈페이지에 BGM을 달아보자 [5] 서기 2007.01.10
슬라이딩 레이어 메뉴!! 메뉴가 상하로 따라다녀요!! [4] TiZa 2007.02.03
비밀번호 입력해야 해당 페이지 보이기 [3] 이명우 2007.02.28
Light box 이용하기.. [10] 이진수 2007.03.12
자바스크립 동영상 플레이어 2 (네이버 발췌) [4] 이진수 2007.03.28
자신의 홈피에 날씨를 달아보자. [2] Rising.kr 2008.01.21
자신의 홈페이지에 (검색,사전,로또,주식) 통합버전을 넣어보자. [3] Rising.kr 2008.01.21
프레임홈일때 부분프레임 무단링크 방지하기 [3] gosoo99 2008.04.08
웹페이지에 마우스 따라다니는 예쁜 시계를 넣자 [5] gosoo99 2008.04.08
다른 도메인간 iframe 크기 자동조절(cross domain iframe auto resize) [2] 서기 2008.04.24
나만의 위지윅 웹에디터 만들기 - 글 쓰기에 앞서 [4] file 예뜨락 2008.05.05
나만의 위지윅 웹에디터 만들기 - 기본 준비2 [2] file 예뜨락 2008.05.11
지정된 시간동안 강제로 보여지는 언론사에서 많이 사용하는 광고창 ITBANK.kr 2008.10.01
구글 번역기 API 유비키리 2008.10.29
웹서핑 동작 원리의 이해 [18] zero 2007.10.05
PHP에 대한 소개 [216] zero 2000.03.06
Database, MySQL 이 무엇인가~~~ ^^ [103] zero 2000.03.06
태그 쓰기