<html>
<head>
<script type="text/javascript" src="
http://www.google.com/jsapi">
</script>
<script type="text/javascript">
google.load("language", "1");
function google_language_for_div(detectID, transID, lang) {
var text = document.getElementById(detectID).innerHTML;
google.language.detect(text, function(result) {
if (!result.error && result.language) {
google.language.translate(text, result.language, lang,
function(result) {
var translated = document.getElementById(transID);
if (result.translation) {
translated.innerHTML = result.translation;
}
});
}
});
}
function google_language_for_input(detectID, transID, lang) {
var text = document.getElementById(detectID).value;
google.language.detect(text, function(result) {
if (!result.error && result.language) {
google.language.translate(text, result.language, lang,
function(result) {
var translated = document.getElementById(transID);
if (result.translation) {
translated.innerHTML = result.translation;
}
});
}
});
}
</script>
</head>
<body>
<div id="text">안녕하세요. 만나서 반갑습니다. happycgi 입니다.</div>
<div id="translation1"></div>
<div id="translation2"></div>
<div id="translation3"></div>
<div id="translation4"></div>
<div id="translation5"></div>
<input type='button' value="영어" onClick="google_language_for_div('text', 'translation1', 'en')">
<input type='button' value="일어" onClick="google_language_for_div('text', 'translation2', 'ja')">
<input type='button' value="중국어" onClick="google_language_for_div('text', 'translation3', 'zh')">
<input type='button' value="독일어" onClick="google_language_for_div('text', 'translation4', 'de')">
<input type='button' value="러시아" onClick="google_language_for_div('text', 'translation5', 'ru')">
<hr><hr>
<textarea name="inputText" id="inputText" cols="50" rows="5"></textarea>
<br>
<div id="translation6"></div>
<select name="selectLang" id="selectLang">
<option value="en">영어</option>
<option value="ja">일어</option>
<option value="zh">중국어</option>
<option value="de">독일어</option>
<option value="ru">러시아</option>
</select>
<input type='button' value="번역" onClick="google_language_for_input('inputText', 'translation6', document.getElementById('selectLang').options[document.getElementById('selectLang').selectedIndex].value)">
</body>
</html>
위 소스를 실행하면 아래와 같이 결과를 출력합니다.
위 소스는 특정 div안에 있는 언어를 원하시는 언어로 번역하여 특정 div안으로 값을 넣어주는 함수와
특정 input 박스 또는 textarea에 있는 값을, 번역된 값을 div안으로 넣어주는 함수가 있습니다.
기본적인 javascript 기능은 구글 번역 api에 나와있는 샘플을 이용했으며,
사용이 쉽도록 함수화를 해두었다고 보시면 되겠습니다.
함수의 사용방법은 아래와 같습니다.
div 안의 언어를 div로 번역결과 보내기
google_language_for_div( 번역할 ID값 , 번역후 입력될 ID값, 번역할 언어 );
input박스또는 textarea안의 언어를 div로 번역결과 보내기 함수또한 사용방법은 동일합니다.
번역 가능한 언어는 아래와 같습니다.
'AFRIKAANS' : 'af',
'ALBANIAN' : 'sq',
'AMHARIC' : 'am',
'ARABIC' : 'ar',
'ARMENIAN' : 'hy',
'AZERBAIJANI' : 'az',
'BASQUE' : 'eu',
'BELARUSIAN' : 'be',
'BENGALI' : 'bn',
'BIHARI' : 'bh',
'BRETON' : 'br',
'BULGARIAN' : 'bg',
'BURMESE' : 'my',
'CATALAN' : 'ca',
'CHEROKEE' : 'chr',
'CHINESE' : 'zh',
'CHINESE_SIMPLIFIED' : 'zh-CN',
'CHINESE_TRADITIONAL' : 'zh-TW',
'CORSICAN' : 'co',
'CROATIAN' : 'hr',
'CZECH' : 'cs',
'DANISH' : 'da',
'DHIVEHI' : 'dv',
'DUTCH': 'nl',
'ENGLISH' : 'en',
'ESPERANTO' : 'eo',
'ESTONIAN' : 'et',
'FAROESE' : 'fo',
'FILIPINO' : 'tl',
'FINNISH' : 'fi',
'FRENCH' : 'fr',
'FRISIAN' : 'fy',
'GALICIAN' : 'gl',
'GEORGIAN' : 'ka',
'GERMAN' : 'de',
'GREEK' : 'el',
'GUJARATI' : 'gu',
'HAITIAN_CREOLE' : 'ht',
'HEBREW' : 'iw',
'HINDI' : 'hi',
'HUNGARIAN' : 'hu',
'ICELANDIC' : 'is',
'INDONESIAN' : 'id',
'INUKTITUT' : 'iu',
'IRISH' : 'ga',
'ITALIAN' : 'it',
'JAPANESE' : 'ja',
'JAVANESE' : 'jw',
'KANNADA' : 'kn',
'KAZAKH' : 'kk',
'KHMER' : 'km',
'KOREAN' : 'ko',
'KURDISH': 'ku',
'KYRGYZ': 'ky',
'LAO' : 'lo',
'LATIN' : 'la',
'LATVIAN' : 'lv',
'LITHUANIAN' : 'lt',
'LUXEMBOURGISH' : 'lb',
'MACEDONIAN' : 'mk',
'MALAY' : 'ms',
'MALAYALAM' : 'ml',
'MALTESE' : 'mt',
'MAORI' : 'mi',
'MARATHI' : 'mr',
'MONGOLIAN' : 'mn',
'NEPALI' : 'ne',
'NORWEGIAN' : 'no',
'OCCITAN' : 'oc',
'ORIYA' : 'or',
'PASHTO' : 'ps',
'PERSIAN' : 'fa',
'POLISH' : 'pl',
'PORTUGUESE' : 'pt',
'PORTUGUESE_PORTUGAL' : 'pt-PT',
'PUNJABI' : 'pa',
'QUECHUA' : 'qu',
'ROMANIAN' : 'ro',
'RUSSIAN' : 'ru',
'SANSKRIT' : 'sa',
'SCOTS_GAELIC' : 'gd',
'SERBIAN' : 'sr',
'SINDHI' : 'sd',
'SINHALESE' : 'si',
'SLOVAK' : 'sk',
'SLOVENIAN' : 'sl',
'SPANISH' : 'es',
'SUNDANESE' : 'su',
'SWAHILI' : 'sw',
'SWEDISH' : 'sv',
'SYRIAC' : 'syr',
'TAJIK' : 'tg',
'TAMIL' : 'ta',
'TATAR' : 'tt',
'TELUGU' : 'te',
'THAI' : 'th',
'TIBETAN' : 'bo',
'TONGA' : 'to',
'TURKISH' : 'tr',
'UKRAINIAN' : 'uk',
'URDU' : 'ur',
'UZBEK' : 'uz',
'UIGHUR' : 'ug',
'VIETNAMESE' : 'vi',
'WELSH' : 'cy',
'YIDDISH' : 'yi',
'YORUBA' : 'yo'
예를들어 YORUBA 언어로 변경을 하고 싶으시다면 'YORUBA' : 'yo' 를 참조하셔서 'yo'로 지정을 하시면 됩니다.
자료 : http://test1.happycgi.com/detail.cgi?number=14430
▶ 블로그 조회수 베스트 400위 [보기] ▶ 섹시모델 19세 한국계 강이함 사진 [보기] ▶ 50세 이상 비키니 콘테스트 사진 [보기] ▶ SDN48 사진 [보기] ▶ 외제차라면 환장하는 사진 [보기] ▶ 일본 러브텔 사진 [보기] ▶ 예쁜 엉덩이 선발 대회 사진 [보기] ▶ 일산 호수공원의 민폐아줌마 동영상 [보기] ▶ 고속도로에서 배기량빨 믿고 깝치던 체어맨W의 굴욕 동영상 [보기] ▶ 인어시체 발견 [보기] ▶ 민망한 아나운서 비난 [보기] ▶ 중국 버스 수녀 쩍벌녀 동영상 [보기] ▶ 조종사 악명높은 공항 사진 [보기] ▶ 미스 젖은셔츠 선발대회 사진 [보기] ▶ 얼굴이 예뻐지는 기구들 사진 [보기] ▶ 농사짓는 달력 사진 [보기] ▶ 전신스캐너 가리개 사진 [보기] ▶ 훈녀 혼혈 쌍둥이 사진 [보기] ▶ 황홀한 바디페인팅의 세계 사진 [보기] ▶ 병따개 비키니 사진 [보기] ▶ 멕시코 성인식 사진 [보기] ▶ 극한 상황에서 잠자는 사람들 사진 [보기] ▶ 살아있는 외계인 충격 동영상 [보기] ▶ 패리스 힐튼 민망 사진 [보기] ■ 꿈해몽, 꿈풀이 ■ 최신 주소검색, 변경된 우편번호 조회 및 영문우편번호 ■ 웹타자연습, 한글타자(한타), 영문타자(영타), 점수기록 ■ 아이피조회 추적, 국가별 나라별 아이피 국기 ■ 포토샵 없이 웹에서 글자를 이미지로 변환 ■ 만세력 음력양력 변환 달력 (육십갑자,12지,24절기...) ■ 24절기 [二十四節氣] 유래와 세시풍속의 의미 및 뜻 ■ 한눈에 보는 육십갑자표 ■ 디데이 계산 ■ 기념일 계산 ■ 피임진단 : 배란일, 임신기간, 가임주기, 배란기, 생리주기, 임신가능일 계산 프로그램 ■ 구구단 19단표, 19단송 ■ 아라비아숫자 한자변환기(금액 한자변환) ■ 영문오타 한글로 자동변환 ■ 한글 발음을 영어로 변환 ■ 한글 발음을 일어로 변환 ■ 유니코드·헥사코드 변환기
3,564,294
인터넷관련
