Translate your Site with Google Translate and jQuery

With the new Google Translate API and the jQuery Plugin from Balazs Endresz you can add more language versions within seconds.

We need the HTML for the language-chooser and a short javascript …

 
<script> 
 
	$(function(){
		$('#languages a').click(function(evt){
			$('#content').translate($(this).attr('rel'));
			$('#languages a').removeClass('active');
			$(this).addClass('active');
		});
	});
 
</script>
 
<div id="languages">
	<a rel="de" class="active" href="#">Deutsch</a>
	| <a rel="en" href="#">English</a>
	| <a rel="es" href="#">Español</a>
	| <a rel="fr" href="#">Française</a>
</div>

Tags: , , ,