Скрипт google переводчика, не работает.

[kowapa]

Вообщем, нашел скрипт гугл переводчика, всё видо изменил, что по мне так кажется правильно изменил. Но проблема в том, что на флажки нажать можно, а переводчик как такого не работает. Тупо не переводится.

 

Мой скрипт:

<style type="text/css">
    .translation-links {
     text-align:center;
     position:absolute;
     left:180px;
 top:8px;
 }
 .translation-links img {
    filter:alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
    border:0;
    cursor: pointer;
    margin-right:8px;
    height:35px;
    width:35px;
    }
.translation-links img:hover {
    filter:alpha(opacity=30);
    -moz-opacity: 0.30;
    opacity: 0.30;
    }
  </style>


 <div class="translation-links">
  <a class="english" data-lang="English"><img alt="English" title="English" src="US.png"></a>
  <a class="spanish" data-lang="Spanish"><img alt="Spanish" title="Estonian" src="Estonia.png"></a>
  <a class="french" data-lang="French"><img alt="French" title="Latvian" src="Latvia.png"></a>
  <a class="german" data-lang="German"><img alt="German" title="Lithuanian" src="Lithuania.png"></a>
</div>

<div id="google_translate_element" style="display:none;"></div>
<script type="text/javascript">
  function googleTranslateElementInit() {
    new google.translate.TranslateElement({pageLanguage: 'ru', autoDisplay: false},     'google_translate_element'); //remove the layout
  }
</script>

<script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"     type="text/javascript"></script>
<script src="__code.jquery.com/jquery-1.10.1.min.js"></script>

<script type="text/javascript">
function triggerHtmlEvent(element, eventName)
{
    var event;
    if(document.createEvent) {
        event = document.createEvent('HTMLEvents');
        event.initEvent(eventName, true, true);
        element.dispatchEvent(event);
    }
    else {
    event = document.createEventObject();
        event.eventType = eventName;
        element.fireEvent('on' + event.eventType, event);
    }
}


       <!-- Flag click handler -->
       var jq = $.noConflict();
 jq('.translation-links a').click(function(e)
{
    e.preventDefault();
    var lang = jq(this).data('lang');
    jq('#google_translate_element select option').each(function(){
    if(jq(this).text().indexOf(lang) > -1) {
        jq(this).parent().val(jq(this).val());
        var container = document.getElementById('google_translate_element');
        var select = container.getElementsByTagName('select')[0];
        triggerHtmlEvent(select, 'change');
    }
    });
});

</script>

И вот оригинал:

<style type="text/css">
    .translation-links {
     text-align:right;
     position:absolute;
     right:0px;
 top:3px;
 }
 .translation-links img {
    filter:alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
    border:0;
    cursor: pointer;
    margin-right:8px;
    height:24px;
    width:24px;
    }
.translation-links img:hover {
    filter:alpha(opacity=30);
    -moz-opacity: 0.30;
    opacity: 0.30;
    }
  </style>


 <div class="translation-links">
  <a class="english" data-lang="English"><img alt="English" title="English" src="En_flag.png"></a>
  <a class="spanish" data-lang="Spanish"><img alt="Spanish" title="Spanish" src="Es_flag.png"></a>
  <a class="french" data-lang="French"><img alt="French" title="French" src="Fr_flag.png"></a>
  <a class="german" data-lang="German"><img alt="German" title="German" src="De_flag.png"></a>
</div>

<div id="google_translate_element" style="display:none;"></div>
<script type="text/javascript">
  function googleTranslateElementInit() {
    new google.translate.TranslateElement({pageLanguage: 'en', autoDisplay: false},     'google_translate_element'); //remove the layout
  }
</script>

<script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"     type="text/javascript"></script>
<script src="__code.jquery.com/jquery-1.10.1.min.js"></script>

<script type="text/javascript">
function triggerHtmlEvent(element, eventName)
{
    var event;
    if(document.createEvent) {
        event = document.createEvent('HTMLEvents');
        event.initEvent(eventName, true, true);
        element.dispatchEvent(event);
    }
    else {
    event = document.createEventObject();
        event.eventType = eventName;
        element.fireEvent('on' + event.eventType, event);
    }
}


       <!-- Flag click handler -->
       var jq = $.noConflict();
 jq('.translation-links a').click(function(e)
{
    e.preventDefault();
    var lang = jq(this).data('lang');
    jq('#google_translate_element select option').each(function(){
    if(jq(this).text().indexOf(lang) > -1) {
        jq(this).parent().val(jq(this).val());
        var container = document.getElementById('google_translate_element');
        var select = container.getElementsByTagName('select')[0];
        triggerHtmlEvent(select, 'change');
    }
    });
});

</script>

Кто в джаве силён, помогите

[Fedya]

<style type="text/css">
    .translation-links {
     text-align:center;
     position:absolute;
     left:180px;
 top:8px;
 }
 .translation-links img {
    filter:alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
    border:0;
    cursor: pointer;
    margin-right:8px;
    height:35px;
    width:35px;
    }
.translation-links img:hover {
    filter:alpha(opacity=30);
    -moz-opacity: 0.30;
    opacity: 0.30;
    }
  </style>
 
 
 <div class="translation-links">
  <a class="english" data-lang="English"><img alt="English" title="English" src="US.png"></a>
  <a class="spanish" data-lang="Spanish"><img alt="Spanish" title="Estonian" src="Estonia.png"></a>
  <a class="french" data-lang="French"><img alt="French" title="Latvian" src="Latvia.png"></a>
  <a class="german" data-lang="German"><img alt="German" title="Lithuanian" src="Lithuania.png"></a>
</div>
 
<div id="google_translate_element" style="display:none;"></div>
<script type="text/javascript">
  function googleTranslateElementInit() {
    new google.translate.TranslateElement({pageLanguage: 'ru', autoDisplay: false},     'google_translate_element'); //remove the layout
  }
</script>
 
<script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"     type="text/javascript"></script>
 
<script type="text/javascript">
function triggerHtmlEvent(element, eventName)
{
    var event;
    if(document.createEvent) {
        event = document.createEvent('HTMLEvents');
        event.initEvent(eventName, true, true);
        element.dispatchEvent(event);
    }
    else {
    event = document.createEventObject();
        event.eventType = eventName;
        element.fireEvent('on' + event.eventType, event);
    }
}
 
 
       <!-- Flag click handler -->
 jQuery('.translation-links a').click(function(e)
{
    e.preventDefault();
    var lang = jQuery(this).data('lang');
    jQuery('#google_translate_element select option').each(function(){
    if(jQuery(this).text().indexOf(lang) > -1) {
        jQuery(this).parent().val(jQuery(this).val());
        var container = document.getElementById('google_translate_element');
        var select = container.getElementsByTagName('select')[0];
        triggerHtmlEvent(select, 'change');
    }
    });
});
 
</script>

[kowapa]

Fedya, к сожалению нечего не изменилось. Проблема осталась.

Изменено 5 февраля, 2014 пользователем kowapa

[Fedya]

В консоли браузера есть ошибки?

[kowapa]

Fedya, нет. denis.s1.lv - глянь на деле.

Ссылку удалю после следующего сообщения пользователя Fedya. Модераторы не блокируем.

Изменено 5 февраля, 2014 пользователем kowapa

[Fedya]

[kowapa]

Fedya, не ты один. Сегодня у гугл лаги. С раза 4-го загружается страницы. Хромиум приболел ))) 

 

Извиняюсь, сервер у хостера упал. Странно. Впервое. Выложил ссылку называется.

Изменено 5 февраля, 2014 пользователем kowapa