2010-07-13 205 views
13

我已经使用谷歌翻译作为语言转换器在我的网站,但它显示恼人的工具提示称为'原始文本'。我该如何禁用此功能以及其他更好的创意/工具/ API才能做到这一点?如何禁用谷歌翻译原文工具提示

谢谢。 使用的代码...

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

回答

-1
#google_translate_element { 
    display:none; 
} 

CSS显示:无可能的工作。

+0

这是为了隐藏Google注入页面的UI。如果有人想避免注入的UI(而是依赖于自定义或横幅iframe),只需在调用其脚本之前嵌入div即可。 – patridge 2011-06-09 18:33:41

0

看起来你可以在iframe上用一些CSS来隐藏它们,用来做“工具提示”。

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

这可能是一个移动的目标,因为他们更新服务并更改名称/结构,但它现在工作在我的一个在建的网站。

更新:我已经注意到这个方法似乎徘徊在一个鼠标悬停/悬停的背景颜色效果,但它似乎是用JavaScript完成的(作为样式属性添加到元素本身而不是类切换到你可以轻松覆盖它)。与谷歌的翻译JavaScript结合起来,做任何事情都很困难。无论如何,摆脱iframe是最重要的部分。

30

就在这个CSS添加到您的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; 
} 

我浪费8小时搞清楚了这一点,但现在那些3行CSS后,它看起来很棒:-)你可以看到这这里的行动:SEOgenie - Automated SEO

+0

它的工作,非常感谢。 – 2014-04-30 12:37:33

1

我觉得我的方法比较好^^

$(document).ready(function() 
    {  
     translationTooltipsDisable(); 
    }); 


    function translationTooltipsDisable() 
    {  
     //Override google's functions 
     _tipon = function() { /*Don't display the tooltip*/ }; 
     _tipoff = function() { /*Don't hide the tooltip*/ }; 
    } 
+0

不起作用,或不好解释如何处理这个。 – 2012-12-27 23:20:19

6

有一些事情你可以做您的网站上,以“覆盖”谷歌翻译的显示。

我一直在使用休耕

要隐藏意见箱(的!重要组成部分,是非常重要的:))

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

要隐藏搭载

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

要删除顶部框架

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

Thera还有一些,但我想上面会让你走向正确的道路;)

对所有人的问候。