[MOD] Google AJAX Translation / Without Page reload

[Lucifix]

Original MOD writen for Wordpress by Libin Pan and Michael Klein:
http://wordpress.org/extend/plugins/google-ajax-translation/

Description:
This MOD will translate comment to chosen language.

Demo:
http://www.slo-foto.net/galerija_slika-45687.html

Screenshot:


How to do it?
1.
- open templates/[your template folder]/comment_bit.html
- search:

Code: [Select]

{comment_text}
- replace with:

Code: [Select]

<div id="translate_comment_{comment_id}">{comment_text}</div>
2.
- search:

Code: [Select]

{comment_user_icq_button}
Use A (for text) or B (with images)
- A: after add (text):

Code: [Select]

<p>View this Comment in: <a href="javascript:google_translate('en','comment',{comment_id});">English</a> <a href="javascript:google_translate('de','comment',{comment_id});">Deutsch</a> <a href="javascript:google_translate('fr','comment',{comment_id});">French</a></p>
- B: after add (images)

Code: [Select]

<p>View this Comment in: <a href="javascript:google_translate('en','comment',{comment_id});"><img src="{template_url}/images/gb.png" border="0"></a> <a href="javascript:google_translate('de','comment',{comment_id});"><img src="{template_url}/images/de.png" border="0"></a> <a href="javascript:google_translate('fr','comment',{comment_id});"><img src="{template_url}/images/fr.png" border="0"></a></p>- (only if you use B for images) download flags.zip file and upload content to folder:templates/[your template folder]/images/

3.
- open templates/[your template folder]/footer.html

- search:

Code: [Select]

</body>
- before add:

Code: [Select]

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
    google.load('language', '1');
    var original_posts = new Array();
    var original_comments = new Array();
    function google_translate(lang, type, id){
      text_node = document.getElementById('translate_'+type+'_'+id);
      original_text = get_original_text(type, id, text_node);
      to_translate_text = original_text.replace(/<\/?[^>]*>/g, '');
      to_append_text = '';
      if (to_translate_text.length > 500)
        to_append_text = to_translate_text.substr(500);
      to_translate_text = to_translate_text.substr(0, 500);
      google.language.detect(to_translate_text, function(result) {
        if (!result.error && result.language) {
          google.language.translate(to_translate_text, result.language, lang, function(result) {
            if (!result.error)
              text_node.innerHTML = result.translation + to_append_text;
            else
              text_node.innerHTML = original_text;
          });
        }
      });
    }

    function get_original_text(type, id, text_node) {
      switch(type) {
        case 'post':
          original_text = original_posts[id];
          if (original_text == null)
            original_text = original_posts[id] = text_node.innerHTML;
          break;
        case 'comment':
          original_text = original_comments[id];
          if (original_text == null)
            original_text = original_comments[id] = text_node.innerHTML;
          break;
      }
      return original_text;
    }
    function google_translate_callback() {}
    google.setOnLoadCallback(google_translate_callback);
</script>
That's it! Enjoy! 

[mawenzi]

... it looks very nice on your site ...
... and thanks for sharing ...
... move to "Mods & Plugins (Releases & Support)" ...

[mawenzi]

hey Lucifix ...

... only one word to this modification ... PERFECT ... 
... it works now in the best way on my website ...
... thanks again for sharing ...

[Lucifix]

Glad you like it! 

[om6acw]

great mod 
congratulation 

[om6acw]

Somehow I can't see the flags in my comments (http://www.myanimalsworld.com/img_castle_mountain_89.htm), should I put them on my server? or they are located on google site? thanks for reply.

[V@no]

Flags are not part of the mod You'll need add them manually.

[om6acw]

Flags are not part of the mod You'll need add them manually.

Ok V@no, i see. Then in this case demo pic should be added without the flags its misleading.

[Lucifix]

Flags are not part of the mod You'll need add them manually.

Ok V@no, i see. Then in this case demo pic should be added without the flags its misleading.

Okey I added version for images... but next time check some tutorials how replace text with images before you make complain:
http://www.w3schools.com/htmL/html_images.asp

[om6acw]

Flags are not part of the mod You'll need add them manually.

Ok V@no, i see. Then in this case demo pic should be added without the flags its misleading.

Okey I added version for images... but next time check some tutorials how replace text with images before you make complain:
http://www.w3schools.com/htmL/html_images.asp

no hard feelings my friend, but you are presenting mod with demo page and screen shots, I'm expecting some look after installation on my site, if something what's on your demo information's are not part of the mod you have to mentioned that in installation instructions otherwise you will hear complains.

[Lucifix]

No hard feelings taken. What bothers me that people ask without trying something by their self.

[om6acw]

No hard feelings taken. What bothers me that people ask without trying something by their self.

Its not problem for me put images there, but I was expecting them to be there automatically because I saw your demo page and screen shot, That's the reason why I was asking about them.

[sanko86]

thank you @Lucifix

good mod

ı mod use the my site: www.elemegim.info

[mzawdi]

haw add another language

[V@nо]

Welcome to 4images forum.

Edit code from step 2.