javascript - traducir - traductor el mundo

Cómo deshabilitar las ventanas de texto originales de Google translate

Question

He usado Google translate como conversor de idioma en mi sitio, pero muestra sugerencias de herramientas molestas llamadas ''Texto original''. ¿Cómo desactivo esta y otras mejores ideas / herramientas / apis para hacer esto?

Gracias. El código usado es ...

<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> 

Answer 1

#google_translate_element {
display:none;
}

Pantalla CSS: ninguna podría funcionar.

Answer 2

Parece que puedes ocultarlo con un poco de CSS en el iframe que usan para hacer la "información sobre herramientas".

.goog-te-balloon-frame { display: none; }

Puede ser un objetivo móvil a medida que actualizan el servicio y cambian nombres / estructura, pero funciona ahora mismo en un sitio mío en progreso.

ACTUALIZACIÓN: He notado un efecto de color de fondo con mouse / mouse que parece persistir con este método, pero parece que se logra con JavaScript (agregado como atributos de estilo en el elemento en vez de una clase alternar donde puede anularlo más fácil ) Atar en el JavaScript de traducción de Google para hacer cualquier cosa ha resultado ser bastante difícil. Independientemente, deshacerse del iframe fue la parte más importante.

Answer 3

Creo que mi método es mejor ^^

 $(document).ready(function()
{
translationTooltipsDisable();
});
function translationTooltipsDisable()
{
//Override google''s functions
_tipon = function() { /*Don''t display the tooltip*/ };
_tipoff = function() { /*Don''t hide the tooltip*/ };
}

Answer 4

Hay algunas cosas que puede hacer para "anular" la visualización del traductor de Google en su sitio web.

He estado usando el barbecho

Para ocultar el cuadro de sugerencias (la parte importante es realmente importante :))

#goog-gt-tt, .goog-te-balloon-frame{display: none !important;}
.goog-text-highlight { background: none !important; box-shadow: none !important;}

Para ocultar el encendido por

.goog-logo-link{display: none !important;}
.goog-te-gadget{height: 28px !important; overflow: hidden;}

Para quitar el marco superior

body{ top: 0 !important;}
.goog-te-banner-frame{display: none !important;}

Thera son algunos más, pero supongo que lo anterior te conducirá al camino correcto;)

Saludos a todos.

Answer 5

Simplemente agregue este CSS al principio de sus archivos CSS:

.goog-tooltip {
display: none !important;
}
.goog-tooltip:hover {
display: none !important;
}
.goog-text-highlight {
background-color: transparent !important;
border: none !important;
box-shadow: none !important;
}

Perdí 8 horas pensando en esto, pero ahora, después de esas 3 líneas de CSS, se ve genial :-) Puedes ver esto en acción aquí: SEOgenie - SEO automatizado