Welcome, Guest. Please login or register.
Did you miss your activation email?
May 26, 2012, 08:15:31 PM

Login with username, password and session length
Search:     Advanced search
Interested in joining the WebsiteBaker team?
For more Information read here or on our new website.
155551 Posts in 21715 Topics by 7737 Members
Latest Member: gx-world
* Home Help Search Login Register
Pages: [1]   Go Down
Print
Author Topic: google_translate  (Read 301 times)
nachtigall

Offline Offline

Posts: 21


« on: September 09, 2011, 04:05:14 PM »

Hallo liebe Gemeinde,
ich plage mich mit google translate rum angry
ich möchte es in das Template greenmachine
neben den Such bereich einbinden.
 Hat jemand einen Tipp wie und wo ich den Code

<div id="google_translate_el ement"></div><script>
function googleTranslateElem entInit() {
  new google.translate.Tr anslateElement({
    pageLanguage: 'de'
  }, 'google_translate_el ement');
}
</script><script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>


einbinden kann?

Mfg

Logged
kweitzel
Forum administrator
*****
Offline Offline

Posts: 6977


WWW
« Reply #1 on: September 09, 2011, 04:59:33 PM »

Der code gehört hinter folgendes:

Code:
<div id="subheader">
<div class="search_box">
<?php if(SHOW_SEARCH) { ?>
<form name="search" action="<?php echo WB_URL.'/search/index'.PAGE_EXTENSION?>" method="post">
<input type="text" name="string" class="search_string" />
<input type="submit" name="submit" value="Search" class="search_submit" />
</form>
<?php ?>
</div>

Du musst aber schauen, ob Du noch einen DIV drummachen musst oder nicht.

Gruß

Klaus
Logged

WebsiteBaker Org e.V. - for WebsiteBaker

DarkViper
Development Team
*****
Offline Offline

Posts: 1253


« Reply #2 on: September 10, 2011, 11:19:53 AM »

der Ansatz von Klaus etwas erweitert:

Code:

<div id="subheader">
<div class="search_box">
<?php if(SHOW_SEARCH) { ?>
<form name="search" action="<?php echo WB_URL.'/search/index'.PAGE_EXTENSION?>" method="post">
<input type="text" name="string" class="search_string" />
<input type="submit" name="submit" value="Search" class="search_submit" />
</form>
<?php ?>
</div>
<div id="google_translate_element" class="translate_box">
<!-- Inhalt dieses DIVs wird zur Laufzeit durch JS generiert -->
</div>
...
...
...
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({ pageLanguage: 'de' }, 'google_translate_element');
}
</script>
<script type="text/javascript" src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
</body>
</html>


Durch den Einsatz der Scripts ganz am Ende direkt vor </body> wird zuerst die Seite komplett aufgebaut, angezeigt und erst danach Verbindung zu Google hergestellt, das Script nachgeladen und dadurch der Translator nachträglich 'eingebaut'. Dadurch erscheint die Ladezeit der Seite gefühlt kürzer, vor allem wenn die Internetanbindung mal etwas träge ist.
Über die CSS-Klasse "translate_box" kann im zentralen CSS die Größe der Box etc. festgelegt werden.
Logged

Anleitungen lesen und selber nachdenken ist anstrengend...  Da lass ich doch lieber andere für mich denken...

In 1984:  Nineteen Eighty-Four is a unrealistic utopia!!
In 2012:  Nineteen Eighty-Four is a little piece only of our reality!!
nachtigall

Offline Offline

Posts: 21


« Reply #3 on: September 10, 2011, 03:46:23 PM »

 grin juhuuuuu Ihr seid die Besten.

Vielen Dank Et Funzt
Logged
Pages: [1]   Go Up
Print
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.16 | SMF © 2011, Simple Machines Valid XHTML 1.0! Valid CSS!