Google Translation Tooltip

  • #1
C

chevy

Bekanntes Mitglied
Themenersteller
Dabei seit
12.09.2003
Beiträge
684
Reaktionspunkte
0
Hat jemand eine Ahnung wie man das hinbekomm?


mfg
chevy
 
  • #3
Das ist es nicht ganz. Wenn man über den Text mit der Maus fährt erscheint die Sprechblase mit dem übersetzten Text.
Was ich so mal auf die Schnelle herausgefunden habe:
Es wird ein Script geladen (dürfte von Google sein):
Code:
<script src=[url]http://localhost/translate_c.js></script>[/url]
 <script>
_intlStrings._originalText = Original English text:;
_intlStrings._interfaceDirection=ltr;
_intlStrings._interfaceAlign=left;
_intlStrings._langpair=en|de;
_intlStrings._feedbackUrl=[url]http://translate.google.com/translate_suggestion;[/url]
_intlStrings._suggestTranslation=Suggest a better translation ;
_intlStrings._submit=Contribute;
_intlStrings._suggestThanks=Thank you for contributing your translation suggestion to Google Translate.;
</script>
<style type=text/css>
.google-src-text {display: none !important}; 
.google-src-active-text {display: block!important;color:black!important};
.google-src-active-text font {color:black!important};
.google-src-active-text a:link {color:blue!important;text-decoration:underline!important};
.google-src-active-text a:visited {color:purple!important;text-decoration:underline!important};
.google-src-active-text a:active {color:red!important;text-decoration:underline!important};
</style>

Der Content war in span tags:
Code:
<span onmouseover=_tipon(this) onmouseout=_tipoff()>
    <span class=google-src-text style=direction: ltr; text-align: left>
     Text
    </span>
   </span>

Leider wird die Seite gar nicht aufgebaut.
 
  • #4
Wenn man über den Text mit der Maus fährt erscheint die Sprechblase mit dem übersetzten Text.
Genau das passiert auf der verlinkten Seite. Das sieht dann exakt so aus, wie auf Deinem Screenshot. Getestet mit FF und IE.

Eddie
 
  • #5
Bei deinem zweiten Link wird dir Seite von Google übersetzt.
Bei dem Bild was ich im ersten Post gemacht habe wirst du nicht auf Google verbunden.
Ich hab mir jetzt alles nochmals genau angesehen und ein bisschen gegoogelt und hab auch die Lösung gefunden.
War wohl ein kleiner irrglaube, das wenn ich über den Text mit der Maus fahre dieser von Google übersetzt wird. Nach genaueren hinsehen ist mir aufgefallen, das der Übersetzte Text in der Seite steht.
Mal ein kleines Beispiel:
Code:
<!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.0 Transitional//EN>
<HTML><HEAD><TITLE>Test</TITLE>
<SCRIPT src=[url]http://localhost/tooltip/translate_c.js></SCRIPT>[/url]
<SCRIPT>
_intlStrings._originalText = Original German text:;
_intlStrings._interfaceDirection=ltr;
_intlStrings._interfaceAlign=left
_intlStrings._langpair=en|de;
_intlStrings._feedbackUrl=[url]http://translate.google.com/translate_suggestion;[/url]
_intlStrings._suggestTranslation=Suggest a better translation ;
_intlStrings._submit=Contribute;
_intlStrings._suggestThanks=Thank you for contributing your translation suggestion to Google Translate.;
</SCRIPT>
<STYLE type=text/css>
.google-src-text {DISPLAY: none! important}
.google-src-active-text {DISPLAY: block! important; COLOR: black! important}
.google-src-active-text font {color:black!important};
.google-src-active-text a:link {color:blue!important;text-decoration:underline!important};
.google-src-active-text a:visited {color:purple!important;text-decoration:underline!important};
.google-src-active-text a:active {color:red!important;text-decoration:underline!important};
</STYLE>
<META content=MSHTML 6.00.3790.2759 name=GENERATOR></HEAD>
<BODY onload=_setupIW()>
   <DIV class=bodytext>
   <P>
   <SPAN onmouseover=_tipon(this) onmouseout=_tipoff()>
   <SPAN class=google-src-text style=DIRECTION: ltr; TEXT-ALIGN: left>
   This is the first test.</SPAN>Das ist ein erster Test.
   </SPAN>  
</BODY></HTML>

Beim Aufrufen der Seite siehst du nur Dies ist ein erster Test. Gehst du mit der Maus über den Text kommt der Text This is the first test.
Leider muss man hier dann den ganzen Text händisch übersetzen.
Da ist dein zweiter Link wohl besser.

mfg
chevy
 
  • #6
Bei dem Bild was ich im ersten Post gemacht habe wirst du nicht auf Google verbunden.
Meinen zweiten Link nutzen, speichern unter und Du wirst auch nicht mehr mit google verbunden.
Die Seite wird standalone mit Übersetzung gespeichert.

Eddie
 
Thema:

Google Translation Tooltip

ANGEBOTE & SPONSOREN

Statistik des Forums

Themen
113.840
Beiträge
707.963
Mitglieder
51.494
Neuestes Mitglied
Flensburg45
Oben