daniofilho
7/8/2016 - 6:57 PM

Tradutor Google.js

<!-- -->
header-files.php

wp_register_style( 'tema_flags_css', $template_url . '/assets/flag-icon-css/css/flag-icon.min.css', false );
wp_enqueue_style( 'tema_flags_css' );
		
<!-- -->

<div class="linguagens">

    <a alt="Português" href="javascript:void(0);" data-lang="restore" class="triggerLang">
        <span class="flag-icon flag-icon-br"></span>
    </a>

    <a alt="Inglês" href="javascript:void(0)"data-lang="Inglês" class="triggerLang">
        <span class="flag-icon flag-icon-us"></span>
    </a>

    <a alt="Espanhol" href="javascript:void(0)" data-lang="Espanhol" class="triggerLang">
        <span class="flag-icon flag-icon-es"></span>
    </a>

    <div id="google_translate_element"></div>
    <script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
    <script type="text/javascript">
        function googleTranslateElementInit() {
            new google.translate.TranslateElement({
                pageLanguage: 'pt',
                layout: google.translate.TranslateElement.InlineLayout.SIMPLE,
                gaTrack: true, gaId: 'UA-52478040-20'
            },
            'google_translate_element');
        }
    </script>
    <script>
        jQuery(document).ready(function($) {

            $('.triggerLang').click(function() {
                ChangeLang( $(this).data('lang') );
            });

            function ChangeLang(a) {
                console.log('traduzindo para ', a);
                    var b, elemento = "";

                    if (document.createEvent) {
                        var c = document.createEvent("HTMLEvents");
                        c.initEvent("click", true, true)
                    }

                    if (a == 'restore') {
                        elemento = $(".goog-te-banner-frame:eq(0)").contents().find("button[id*='restore']")
                    } else {
                    b = a;
                    elemento = $(".goog-te-menu-frame:eq(0)").contents().find("span:contains('" + b + "')");
                    }

                    if (elemento.length > 0) {
                        if (document.createEvent) {
                        elemento[0].dispatchEvent(c)
                        } else {
                        elemento[0].click()
                        }
                    }

            }

        });
    </script>
    <style>
        #google_translate_element,
        .goog-te-banner-frame,
        .goog-te-balloon-frame,
        #goog-gt-tt,
        .goog-te-balloon-frame,
        .goog-tooltip,
        .goog-tooltip:hover {
            display:none !important;
        }
    </style>
</div><!-- linguagens -->