Сегодня я расскажу вам как сделать несложный переводчик на стороне клиента. Для этого нам понадобятся лишь гугловские 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>

Остальное вы можете посмотреть в исходном коде прилагаемого к заметке примера.