Comment puis-je intégrer Google Translate à mon site Web avec un menu déroulant et un style CSS ?

Intégrer Google Translate dans un site Web

La question tourne autour de l'intégration de Google Translate dans un site Web à l'aide de différents extraits de code fournis. Le premier extrait de code fournit une implémentation de base, mais il lui manque la possibilité de le styliser à l'aide de CSS et d'un menu déroulant pour la sélection de la langue. D'un autre côté, le deuxième extrait de code inclut le menu déroulant, mais il ne fonctionne pas lorsqu'il est collé sur un site en direct.

La solution réside dans la combinaison des deux extraits de code dans une implémentation fonctionnelle. Voici le balisage corrigé qui englobe les éléments nécessaires :

<code class="html"><div id="google_translate_element"></div>
<script>
    function googleTranslateElementInit() {
        new google.translate.TranslateElement({
            pageLanguage: 'en'
        }, 'google_translate_element');
    }
</script>
<script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script></code>

Ce code intègre à la fois la fonctionnalité de base du premier extrait et le balisage du menu déroulant du deuxième extrait. Il vous permettra d'inclure Google Translate dans votre site Web et de personnaliser son apparence à l'aide de CSS.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!