<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>BLOCRACY &#187; jquery</title>
	<atom:link href="http://www.blocracy.com/tag/jquery/feed" rel="self" type="application/rss+xml" />
	<link>http://www.blocracy.com</link>
	<description>no like other</description>
	<lastBuildDate>Tue, 07 Sep 2010 19:03:27 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Google Translation API</title>
		<link>http://www.blocracy.com/google-translation-api</link>
		<comments>http://www.blocracy.com/google-translation-api#comments</comments>
		<pubDate>Wed, 19 Aug 2009 18:39:57 +0000</pubDate>
		<dc:creator>Kerem Bekman</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[api]]></category>
		<category><![CDATA[çeviri]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[jquery]]></category>

		<guid isPermaLink="false">http://www.blocracy.com/?p=95</guid>
		<description><![CDATA[Biliyoruz ki, &#8220;google&#8221; bir çok servislerinin API&#8217;leri bizlerle paylaşıyor. En çok kullanılan YouTube, Maps ve Search API&#8217;lerinin yanında, bence ilerde en gözde olacak API&#8217;si Translation API Translation API&#8217;leri sayesinde web sitemizin tüm içeriğini ziyaretçi&#8217;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 [...]]]></description>
			<content:encoded><![CDATA[<p><img class="ocr" alt="Google Translation API" src="http://www.blocracy.com/dosyalar/gjava.jpg" class="aligncenter" width="510" height="72" /><br />
Biliyoruz ki, &#8220;<a href="http://www.google.com">google</a>&#8221; bir çok servislerinin API&#8217;leri bizlerle paylaşıyor. En çok kullanılan YouTube, Maps ve Search API&#8217;lerinin yanında, bence ilerde en gözde olacak API&#8217;si <a href="http://translate.google.com">Translation API</a> </p>
<p>Translation API&#8217;leri sayesinde web sitemizin tüm içeriğini ziyaretçi&#8217;nin ana diline dinamik olarak çevirir aynı zamanda ziyaretçinin yaptığı yorum veya postları kendi ana dilimize çevirebiliriz..</p>
<p>Kullanım alanı tamamen bizim yaratıcılığımıza kalmış..<br />
<span id="more-95"></span><br />
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.. </p>
<p>1. text() &#8211; Input elementleri hariç, diğer herhangi bir tag&#8217;ın içeriğini almak veya değiştirmek için kullanılır..</p>
<p>Örneğin:</p>
<pre name="code" class="javascript">

İçerik1
<div id="beni">İçerik2</div>

$("p").text() // İçerik1
$("#beni").text() //İçerik2
</pre>
<p>Eğer seçtiğimiz element&#8217;in içeriğine değiştirmek istersek.. .text() fonksiyonuna yeni metni argüment olarak yollayabiliriz.</p>
<p>Örneğin:</p>
<pre name="code" class="javascript">
önce:

eski içerik

$("p").text("yeni içerik");
sonra:

yeni içerik
</pre>
<p>1.val() &#8211; input elementlerinin value yani değerlerini çekmek veya değiştirmek için kullanılır..</p>
<p>Örneğin:</p>
<pre name="code" class="javascript">
<input type=button value=deger1 />
<textarea id="beni">deger2</textarea>

$("input").val() // deger1
$("#beni").val() // deger2
</pre>
<p>Eğer seçtiğimiz element&#8217;in değerini değiştirmek istersek.. .val() fonksiyonuna yeni değeri argüment olarak yollayabiliriz.</p>
<p>Örneğin:</p>
<pre name="code" class="javascript">
önce:
<input type=button value="eski değer"/>
$("input").val("yeni değer");
sonra:
<input type=button value="yeni değer"/>
</pre>
<p>Şimdi gelelim translation&#8217;a<br />
Google&#8217;un API&#8217;lerini kullanabilmek için, Aşağıdaki javascript dosyasını sayfamıza dahil etmek gerekiyor..</p>
<p><script type="text/javascript" src= "http://www.google.com/jsapi"></script></p>
<p>1. Translate (Çeviri)<br />
<script>	
	google.load("language", "1");
	google.language.translate("Çevrilecek Metin","Hangi Dilden","Hangi Dile","Çeviri_Fonksiyonu"); 
</script><br />
Örneğin:</p>
<pre name="code" class="javascript">
<script>	
	var metin = 'Çevrilecek metin'
	var dil = 'tr' //Türkçe'den
	var cvr = 'en' // İngilizce'ye
	function ceviri(ocr){
		ocr.translation //Çevrilmiş metin
	}
	google.language.translate(metin,dil,cvr,ceviri); 
</script>
</pre>
<p>Herşey bu kadar :)<br />
Jquery ile beraber örnek html dosyası:</p>
<pre name="code" class="javascript">
	<body>

		<textarea id="metin">Beautiful dawn!</textarea>
<input type="button" id="cevir" value="Çevir" />
<div id="sonuc">...</div>

	</body>
</pre>
<p>Şu şekilde html yapımız olsun..</p>
<pre name="code" class="javascript">
<script>
google.load("language", "1"); // Paketimizi dahil ediyoruz.		
$(document).ready(function(){ //Sayfa hazır olduğunda	
     $("#cevir").click(function(){ //Çevir id'li buton'a tıklandığında
          google.language.translate($("#metin").val(), 'en', 'tr', cevir); //metin id'li textarea'daki yazıyı çevir
     });

     function cevir(e){ //Çeviri fonksiyonumuz..		 
          if(e.translation){//Çeviri yapıldığında..			
               $("#sonuc").text(e.translation); // sonuc id'li div'e çevrilmiş metni yaz.	
          }
          else{
               $("#sonuc").text("Çeviri yapılamadı!");
          }		
     }
});

</script>
</pre>
<p>Çalışan hali: <a href="http://www.blocracy.com/html/ceviri/">http://www.blocracy.com/html/ceviri/</a><br />
Google Kaynak: <a href="http://code.google.com/apis/ajax/playground/#translate">http://code.google.com/apis/ajax/playground/#translate</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.blocracy.com/google-translation-api/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
