웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
구글 번역기 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>
댓글 0
제목 | 글쓴이 | 날짜 |
---|---|---|
페이지 자동 이동 방법 3가지!!! [10] | zero | 2000.03.06 |
카운터를 만들어봅시다~ (수정본) [181] | zero | 2000.03.08 |
쿠키(cookie)의 활용 [44] | zero | 2000.03.06 |
Zend Optimizer 4 설치 (아파치와 PHP4 Zend도 같이..) (리눅스) [6] | zero | 2000.06.04 |
리눅스에서 APM 설치 [9] | zero | 2000.05.31 |
MySQL RPM으로 설치하자!! (리눅스) [5] | zero | 2000.06.04 |
MYSQL Query의 간단한 사용법 [82] | zero | 2000.03.06 |
웹서핑 동작 원리의 이해 [18] | zero | 2007.10.05 |
입력폼에 배경그림 넣기 [1] | 정낙훈(xynex) | 2008.12.23 |
구글 번역기 API | 유비키리 | 2008.10.29 |
전체크기로 새창 열기 [1] | ITBANK.kr | 2008.10.01 |
지정된 시간동안 강제로 보여지는 언론사에서 많이 사용하는 광고창 | ITBANK.kr | 2008.10.01 |
항상 같은곳에 있는 광고창 만들기 | ITBANK.kr | 2008.10.01 |
첨부파일 확장자 체크 [정규식] | arimaya | 2008.06.23 |
자파스크립트로 GET으로 넘어온 파라미터 가져오기 [1] | 중딩 | 2008.05.26 |
나만의 위지윅 웹에디터 만들기 - 기본 준비2 [2] | 예뜨락 | 2008.05.11 |
나만의 위지윅 웹에디터 만들기 - 기본 준비1 [3] | 예뜨락 | 2008.05.05 |
나만의 위지윅 웹에디터 만들기 - 글 쓰기에 앞서 [4] | 예뜨락 | 2008.05.05 |
프레임홈일때 부분프레임 무단링크 방지하기 [3] | gosoo99 | 2008.04.08 |
동적 INPUT | june44.myid.net/ | 2008.03.31 |