Javascript & Google Api: Простой перевод текста
by Вредный • 04.12.2009 • javascript, программирование • Комментарии [2]
Сегодня я расскажу вам как сделать несложный переводчик на стороне клиента. Для этого нам понадобятся лишь гугловские API-функции, которые очень хорошо документированы.
Основную работу делает десяток строк Javascript, остальное лишь оформление. Переведем-как свой первый текст на JavaScript у себя на странице. Пример реализации можно посмотреть тут
Я старался комментировать все участки кода, дабы облегчить задачу начинающему. Если вам что-то не ясно, вы можете об этом спросить у меня через форму комментирования внизу.
Подключаем Google API и его же переводчик.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | <script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript"> google.load("language", "1"); //подключаем библиотеку гугла для перевода google.setOnLoadCallback(function() { //назначаем callback-функцию var text = document.getElementById('text').innerHTML; google.language.detect(text, function(result) { //определяем язык текста if(!result.error && result.language) { document.getElementById('lang').innerHTML = result.language; //выводим язык google.language.translate(text, result.language, 'ru', function(result) { //непосредственно сам перевод var translated = document.getElementById('trans'); if(result.translation) { translated.innerHTML = result.translation; //выводим перевод, если без ошибок } }); } }); }); </script> |
Между дивами расположен текст для перевода: я взял его с сайта NeyYorkTimes.
1 | <div id="text">bla-bla-bla</div> |
Остальное вы можете посмотреть в исходном коде прилагаемого к заметке примера.
А можно пример с переводом страницы по URL? Совсем запутался
могу ошибаться, но без серверного скрипта, который получает данные со сторонней страницы, не обойтись