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

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