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



हिंदी को इंग्लिश में ट्रांसलेट करना ऐप (4)

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

धन्यवाद। उपयोग कोड है ...

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

https://src-bin.com


Answer #1
#google_translate_element {
  display:none;
}

सीएसएस डिस्प्ले: कोई भी काम नहीं कर सकता


Answer #2

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

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

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

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


Answer #3

ऐसी कुछ चीजें हैं जो आप अपनी वेबसाइट पर Google अनुवादक प्रदर्शन को "ओवरराइड" कर सकते हैं।

मैं गिरावट का उपयोग कर रहा हूं

सुझाव बॉक्स छिपाने के लिए (महत्वपूर्ण हिस्सा वास्तव में महत्वपूर्ण है :))

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

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

सभी के लिए अभिवादन।


Answer #4

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

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

मैं इसे बाहर figuring 8 घंटे बर्बाद, लेकिन अब सीएसएस के उन 3 लाइनों के बाद यह अच्छा लग रहा है :-) आप यहाँ कार्रवाई में यह देख सकते हैं: SEOgenie - स्वचालित एसईओ





google-translate