Google Translation API

Yazar: Kerem Bekman | Kategori: Javascript

Google Translation API
Biliyoruz ki, “google” bir çok servislerinin API’leri bizlerle paylaşıyor. En çok kullanılan YouTube, Maps ve Search API’lerinin yanında, bence ilerde en gözde olacak API’si Translation API

Translation API’leri sayesinde web sitemizin tüm içeriğini ziyaretçi’nin ana diline dinamik olarak çevirir aynı zamanda ziyaretçinin yaptığı yorum veya postları kendi ana dilimize çevirebiliriz..

Kullanım alanı tamamen bizim yaratıcılığımıza kalmış..

API Kullanımından önce artık jquery herkes tarafından bilinen bir sentaks haline geldi ama, yinede text() ve val() fonksiyonları hatırlayalım..

1. text() – Input elementleri hariç, diğer herhangi bir tag’ın içeriğini almak veya değiştirmek için kullanılır..

Örneğin:

  1.  
  2. <p>İçerik1</p>
  3. <div id="beni">İçerik2</div>
  4.  
  5. $("p").text() // İçerik1
  6. $("#beni").text() //İçerik2
  7.  

Eğer seçtiğimiz element’in içeriğine değiştirmek istersek.. .text() fonksiyonuna yeni metni argüment olarak yollayabiliriz.

Örneğin:

  1.  
  2. önce:  <p>eski içerik</p>
  3. $("p").text("yeni içerik");
  4. sonra: <p>yeni içerik</p>
  5.  

1.val() – input elementlerinin value yani değerlerini çekmek veya değiştirmek için kullanılır..

Örneğin:

  1.  
  2. <input type=button value=deger1 />
  3. <textarea id="beni">deger2</textarea>
  4.  
  5. $("input").val() // deger1
  6. $("#beni").val() // deger2
  7.  

Eğer seçtiğimiz element’in değerini değiştirmek istersek.. .val() fonksiyonuna yeni değeri argüment olarak yollayabiliriz.

Örneğin:

  1.  
  2. önce:  <input type=button value="eski değer"/>
  3. $("input").val("yeni değer");
  4. sonra: <input type=button value="yeni değer"/>
  5.  

Şimdi gelelim translation’a
Google’un API’lerini kullanabilmek için, Aşağıdaki javascript dosyasını sayfamıza dahil etmek gerekiyor..

1. Translate (Çeviri)

Örneğin:

  1.  
  2. <script>       
  3.         var metin = ‘Çevrilecek metin’
  4.         var dil = ‘tr’ //Türkçe’den
  5.         var cvr = ‘en’ // İngilizce’ye
  6.         function ceviri(ocr){
  7.                 ocr.translation //Çevrilmiş metin
  8.         }
  9.         google.language.translate(metin,dil,cvr,ceviri);
  10. </script>
  11.  

Herşey bu kadar :)
Jquery ile beraber örnek html dosyası:

  1.  
  2.         <body>
  3.  
  4.                 <textarea id="metin">Beautiful dawn!</textarea>
  5.                 <input type="button" id="cevir" value="Çevir" />
  6.  
  7.                 <div id="sonuc">…</div>
  8.  
  9.         </body>
  10.  

Şu şekilde html yapımız olsun..

  1.  
  2. <script>
  3. google.load("language", "1"); // Paketimizi dahil ediyoruz.            
  4. $(document).ready(function(){ //Sayfa hazır olduğunda 
  5.      $("#cevir").click(function(){ //Çevir id’li buton’a tıklandığında
  6.           google.language.translate($("#metin").val(), ‘en’, ‘tr’, cevir); //metin id’li textarea’daki yazıyı çevir
  7.      });
  8.  
  9.  
  10.      function cevir(e){ //Çeviri fonksiyonumuz..                
  11.           if(e.translation){//Çeviri yapıldığında..                       
  12.                $("#sonuc").text(e.translation); // sonuc id’li div’e çevrilmiş metni yaz.     
  13.           }
  14.           else{
  15.                $("#sonuc").text("Çeviri yapılamadı!");
  16.           }            
  17.      }
  18. });
  19.        
  20.  
  21. </script>
  22.  

Çalışan hali: http://www.blocracy.com/html/ceviri/
Google Kaynak: http://code.google.com/apis/ajax/playground/#translate

Etiketler: , , ,

Kalıcı Bağlantı | 19 Ağustos 2009

Yorum Yazın