Как автоматически перевести содержимое HTML-элемента с помощью googleSectionalElementInit ()? - PullRequest
Новая
       23

Как автоматически перевести содержимое HTML-элемента с помощью googleSectionalElementInit ()?

0 голосов
/ 06 апреля 2019

Я пытаюсь автоматически перевести с исходного языка на английский один конкретный элемент содержимого внутри веб-страницы, используя функцию Google googleSectionalElementInit ().

После некоторых предложений, найденных в Интернете, я написал очень простойКод: он показывает ссылку «Перевести» над элементом, который я хочу перевести, и нажав на него, вы получите перевод.Теперь я бы также «автоматически щелкнул» по этой ссылке, чтобы отобразить перевод без необходимости самой ссылки.Я добавил действие click () к ссылке: теперь при загрузке страницы ссылка нажимается, но содержимое элемента не транслируется.Это код, который я использовал: 

<!DOCTYPE html>
<html lang="it">
<head>
    <meta charset="UTF-8">
    <title>Test Google translate</title>
    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" crossorigin="anonymous"></script>
</head>
<body>
<div id="target" class="goog-trans-section" lang="it">
    <div class="goog-trans-control"></div>
    prova traduzione testo italiano
</div>
<script type="text/javascript">
function googleSectionalElementInit() {
  $.when(
    new google.translate.SectionalElement({
        sectionalNodeClassName: 'goog-trans-section',
        controlNodeClassName: 'goog-trans-control',
        background: 'transparent'
    }, 'google_sectional_element') //;
  ).done(function(){
    document.querySelector('div.goog-trans-section a').click();
   });
}
</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleSectionalElementInit&ug=section&hl=en"></script>
</body>
</html>

Есть ли способ заставить его работать как я?Или есть другой способ автоматического перевода содержимого элементов без использования Cloud API?

...