Раскрывающееся меню Пользовательский перевод - PullRequest
Новая
       5

Раскрывающееся меню Пользовательский перевод

0 голосов
/ 01 июня 2019

Мне нужно сделать функцию перевода на веб-странице для моего школьного задания.Теперь я использовал Google API, чтобы выполнить вывод.

но я не удовлетворен результатами.

Я хочу иметь несколько языков вместо всех языков.

Я бы хотел связать переводы по пользовательской ссылке.Как выпадающее меню Boodstrap.

или я должен пересмотреть другой вариант в моем случае?

Я немного поиграл с Google API.

function googleTranslateElementInit(){
    new google.translate.TranslateElement({pageLanguage: 'nl'}, 'Translator_language_selector')
}
<!-- stoart of the translate module -->
    <script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="/src/public/scripts/app_translator.js"></script>
    <!-- End of the translate module -->
    

<li class="nav-item dropdown">
    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    NL
    </a>
    <div id="Translator_language_selector"></div>
    <div class="dropdown-menu" aria-labelledby="navbarDropdown">
        <a class="dropdown-item" href="?lang=nl">nl</a>
        <a class="dropdown-item" href="?lang=en">En</a>
        <a class="dropdown-item" href="?lang=fr">Fr</a>
        <a class="dropdown-item" href="?lang=de">De</a>
    </div>
</li>
...