Google अनुवाद मूल पाठ टूलटिप्स को अक्षम करने के लिए कैसे करें

Question

मैंने अपनी साइट में एक भाषा कनवर्टर के रूप में Google अनुवाद का उपयोग किया है, लेकिन यह 'मूल पाठ' नामक कष्टप्रद टूल युक्तियां प्रदर्शित करता है। ऐसा करने के लिए मैं इसे और किसी अन्य बेहतर विचार/उपकरण/एपीआई को कैसे अक्षम करूं?

धन्यवाद। इस्तेमाल किया कोड है ...

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

सीएसएस प्रदर्शन: कोई नहीं काम कर सकते हैं।

Answer 2

ऐसा प्रतीत होता है कि आप इसे "टूल टिप" करने के लिए उपयोग किए जाने वाले आईफ़्रेम पर कुछ सीएसएस के साथ छिपा सकते हैं।

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

यह वे सेवा को अद्यतन करने और नाम/संरचना बदलने के रूप में एक चलती लक्ष्य हो सकता है, लेकिन यह मेरा एक में प्रगति साइट पर हैं काम करता है।

अपडेट: मैंने एक माउसओवर/होवर पृष्ठभूमि रंग प्रभाव देखा है जो इस विधि के साथ रुकने लगता है, लेकिन ऐसा लगता है कि जावास्क्रिप्ट के साथ पूरा किया जा सकता है (क्लास टॉगल के बजाय तत्व पर शैली विशेषताओं के रूप में जोड़ा गया है इसे आसान ओवरराइड कर सकते हैं)। कुछ भी करने के लिए Google के अनुवाद जावास्क्रिप्ट में झूठ बोलना काफी मुश्किल साबित हुआ है। भले ही, आईफ्रेम से छुटकारा पाने का सबसे महत्वपूर्ण हिस्सा था।

Answer 3

बस अपने सीएसएस फ़ाइलों के शीर्ष करने के लिए इस सीएसएस जोड़ें:

.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 लाइनों के बाद यह बहुत अच्छा लग रहा है :-) आप में देख सकते हैं यहाँ कार्रवाई: SEOgenie - Automated SEO

Answer 4

मुझे लगता है कि मेरी विधि है बेहतर ^^

$(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 5

वहाँ कुछ चीजें आप अपनी वेबसाइट पर करने के लिए "ओवरराइड" गूगल अनुवादक प्रदर्शन कर सकते हैं।

मैं fallowing

उपयोग किया गया है सुझाव पेटी को छुपाने के लिए (! महत्वपूर्ण हिस्सा वास्तव में महत्वपूर्ण है :))

#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;} 

हटाएं

थेरा कुछ और हैं, लेकिन मुझे लगता है कि उपरोक्त आपको सही रास्ते पर ले जाएगा;)

सभी के लिए धन्यवाद।