<?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>Volkan Altınbaş&#039;ın Seyir Defteri - CSS, XHTML, Javascript, Wordpress &#187; prototype</title>
	<atom:link href="http://www.volkanaltinbas.com/index.php/tag/prototype/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.volkanaltinbas.com</link>
	<description>Css, Javascript, Xhtml, Wordpress</description>
	<lastBuildDate>Tue, 24 Aug 2010 11:42:15 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Opera tarayıcısı üzerinde jquery &amp; prototype kütüphanelerinin kullanımı sırasında yükseklik ve genişlik değerlerinin yanlış hesaplanması</title>
		<link>http://www.volkanaltinbas.com/index.php/2010/08/23/opera-tarayicisi-uzerinde-jquery-prototype-kutuphanelerinin-kullanimi-sirasinda-yukseklik-ve-genislik-degerlerinin-yanlis-hesaplanmasi/</link>
		<comments>http://www.volkanaltinbas.com/index.php/2010/08/23/opera-tarayicisi-uzerinde-jquery-prototype-kutuphanelerinin-kullanimi-sirasinda-yukseklik-ve-genislik-degerlerinin-yanlis-hesaplanmasi/#comments</comments>
		<pubDate>Mon, 23 Aug 2010 14:27:34 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Opera]]></category>
		<category><![CDATA[Tarayıcılar]]></category>
		<category><![CDATA[height issue]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[prototype]]></category>
		<category><![CDATA[width issue]]></category>

		<guid isPermaLink="false">http://www.volkanaltinbas.com/?p=276</guid>
		<description><![CDATA[Bir projemizde jquery 1.4.2 ve prototype 1.6.2 sürümlerini bir ara kullanmak zorunda kalabiliriz. İki kütüphaneyi bir arada kullandığımızda Opera içinde bir elemanın yükseklik yada genişlik değerini öğrenmeye çalıştığımızda almış olduğumuz değerin yanlış hesaplandığını görüceksiniz. Eğer her iki kütüphanenin daha eski sürümlerini kullanıyorsanz bu problem ile karşılaşmamanız normal.
Problemin çözümü için kütüphane dosyalarında ufak değişiklikler yapmamız gerekiyor. [...]]]></description>
			<content:encoded><![CDATA[<p>Bir projemizde jquery 1.4.2 ve prototype 1.6.2 sürümlerini bir ara kullanmak zorunda kalabiliriz. İki kütüphaneyi bir arada kullandığımızda Opera içinde bir elemanın yükseklik yada genişlik değerini öğrenmeye çalıştığımızda almış olduğumuz değerin yanlış hesaplandığını görüceksiniz. Eğer her iki kütüphanenin daha eski sürümlerini kullanıyorsanz bu problem ile karşılaşmamanız normal.</p>
<p>Problemin çözümü için kütüphane dosyalarında ufak değişiklikler yapmamız gerekiyor. Problemler kütüphane sahiplerine bildirilmiş ve sanırım bir sonraki sürümlerinde çözülmüş olacaktır.</p>
<p>Gelelim bu problemi nasıl çözüceğimize; </p>
<p>Bu problemi iki farklı yöntem kullanarak çözebiliyoruz. Fakat yöntemlerden biri başka problemleride meydana getirebileceğini düşündüğümden en sağlam çözüm olacağını düşündüğüm yöntemden bahsediyor olucam.</p>
<p>Jquery kütüphanemizin developer&#8217;lar için hazırlanmış olan versiyonunu indiriyoruz. Daha sonra <strong>return (&#8220;scrollTo&#8221; in elem &#038;&#038; elem.document) ? // does it walk and quack like a window?</strong> kod bloğunu bularak bu kod bloğunu <strong>return (&#8220;scrollTo&#8221; in elem &#038;&#038; elem.document &#038;&#038; !elem.parentNode) ? // does it walk and quack like a window?</strong> ile değiştiriyoruz. Tabiki developer sürümünün boyutu yüksek olduğundan bu sürümünü sıkıştırarak kullanmak isteyebilirsiniz. Burada yardımınıza <strong>Closure Compiler</strong> yetişiyor. Yapmanız gereken tek şey <a href="http://closure-compiler.appspot.com/home" target="_blank">http://closure-compiler.appspot.com/home</a> sitesine girmek ve sol taraftaki alana kod bloğunu yapıştırıp <strong>Compile</strong> düğmesine basmak. Daha sonra sağ taraftaki sonucu kopyalayarak yolumuza devam edebiliriz.</p>
<h2>İlgili makaleler</h2>
<ul>
<li><a href="http://forum.jquery.com/topic/ie-jquery-and-prototype-conflict" target="_blank">http://forum.jquery.com/topic/ie-jquery-and-prototype-conflict</a></li>
<li><a href="http://dev.jquery.com/ticket/6088" target="_blank">http://dev.jquery.com/ticket/6088</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.volkanaltinbas.com/index.php/2010/08/23/opera-tarayicisi-uzerinde-jquery-prototype-kutuphanelerinin-kullanimi-sirasinda-yukseklik-ve-genislik-degerlerinin-yanlis-hesaplanmasi/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Jquery ve Prototype javascript kütüphaneleri birlikte kullanmak için dikkat edilmesi gereken kurallar.</title>
		<link>http://www.volkanaltinbas.com/index.php/2009/08/27/jquery-ve-protype-kutuphanelerini-birlikte-kullanmak/</link>
		<comments>http://www.volkanaltinbas.com/index.php/2009/08/27/jquery-ve-protype-kutuphanelerini-birlikte-kullanmak/#comments</comments>
		<pubDate>Thu, 27 Aug 2009 12:51:31 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[prototype]]></category>

		<guid isPermaLink="false">http://www.volkanaltinbas.com/?p=162</guid>
		<description><![CDATA[Günümüzdeki web projelerinde çoğu zaman birden fazla javascript kütüphanesi ile çalışmak zorunda kalabiliyoruz. Javascript kütüphanelerinden günümüzde en çok kullanılan ise Jquery ve Prototype. Bu yetenekli ikiliyi beraber kullanmak istediğimizde birşeylerin düzgün gitmediğini göreceksiniz. Sorunun kaynağı sayfa içindeki nesnelere erişmek için kullandıkları ortak $() fonksiyonundan kaynaklanmaktadır.
Sorunun çözümü ise basit. Jquery kütüphanesini Prototype kütüphanesinden önce yüklemek ve [...]]]></description>
			<content:encoded><![CDATA[<p>Günümüzdeki web projelerinde çoğu zaman birden fazla javascript kütüphanesi ile çalışmak zorunda kalabiliyoruz. Javascript kütüphanelerinden günümüzde en çok kullanılan ise Jquery ve Prototype. Bu yetenekli ikiliyi beraber kullanmak istediğimizde birşeylerin düzgün gitmediğini göreceksiniz. Sorunun kaynağı sayfa içindeki nesnelere erişmek için kullandıkları ortak <em>$()</em> fonksiyonundan kaynaklanmaktadır.</p>
<p>Sorunun çözümü ise basit. Jquery kütüphanesini Prototype kütüphanesinden önce yüklemek ve daha sonra Jquery içindeki objelere erişmek için kullandığınız <em>$()</em> yöntemi yerine <em>jQuery()</em> yöntemi kullanmak sorununuzu tamamen çözecektir. Eğer jQuery ile yazılmış ekstra pluginler kullanıyorsanız bu script dosyaları içinde bulunan <em>$()</em> fonksiyonunu <em>jQuery()</em> ile değiştemeniz gerektiğinide unutmayın. Bu işlem ilk başlarda kafanızı karıştırsada ilerde başınızı ağrıtabilecek bir çok script hatasındanda kurtaracaktır. Önerdiğim yöntem sorunun çözümü için kullanabileceğiniz en sağlam yöntemdir.</p>
<p>İkinci bir alternatif olan Jquery tarafından sunulan <em>jQuery.noConflict()</em> fonksiyonu ise çoğu zaman işe yaramamaktadır ve yukarıdaki şekilde yapılandırmanızı ayarlarsanız bu fonksiyona kesinlikle ihtiyacınızda olmayacaktır.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.volkanaltinbas.com/index.php/2009/08/27/jquery-ve-protype-kutuphanelerini-birlikte-kullanmak/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>IE8 Hakkında Bilmeniz Gerekenler</title>
		<link>http://www.volkanaltinbas.com/index.php/2009/04/02/ie8-hakkinda-bilmeniz-gerekenler/</link>
		<comments>http://www.volkanaltinbas.com/index.php/2009/04/02/ie8-hakkinda-bilmeniz-gerekenler/#comments</comments>
		<pubDate>Thu, 02 Apr 2009 13:08:17 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[IE8]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Tarayıcılar]]></category>
		<category><![CDATA[compliance mode]]></category>
		<category><![CDATA[ie7]]></category>
		<category><![CDATA[ie8]]></category>
		<category><![CDATA[prototype]]></category>
		<category><![CDATA[rendering]]></category>
		<category><![CDATA[ruby on rails]]></category>

		<guid isPermaLink="false">http://www.volkanaltinbas.com/blog/?p=15</guid>
		<description><![CDATA[IE8 uyumluluk modu / IE8 tarayıcısının IE7 gibi render etmesini önlemek
IE8 içinde bir düğmeye basarak sayfamızı IE7 içinde çalışır gibi davranmasını sağlayabiliyoruz. Bu düğmeye tıklandığında sayfamız bundan sonra IE7 gibi davranmaya başlayacaktır. Peki, IE7 modunda sayfamızın IE8 gibi davranma şansı varmı? Maalesef bunu yapmak mümkün değil. Eğer sayfalarımızı IE8 içinde çalışacak şekilde tasarlamış ve kesinlikle [...]]]></description>
			<content:encoded><![CDATA[<h4>IE8 uyumluluk modu / IE8 tarayıcısının IE7 gibi render etmesini önlemek</h4>
<p>IE8 içinde bir düğmeye basarak sayfamızı IE7 içinde çalışır gibi davranmasını sağlayabiliyoruz. Bu düğmeye tıklandığında sayfamız bundan sonra IE7 gibi davranmaya başlayacaktır. Peki, IE7 modunda sayfamızın IE8 gibi davranma şansı varmı? Maalesef bunu yapmak mümkün değil. Eğer sayfalarımızı IE8 içinde çalışacak şekilde tasarlamış ve kesinlikle bu modda çalışmasını sağlamak istiyorsak sayfamızın içine aşağıdaki parametreyi eklemek yeterli olacaktır.</p>
<div class="geshi no html">
<ol>
<li class="li1">
<div class="de1">&lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=8&quot; /&gt;</div>
</li>
</ol>
</div>
<p>Alternatif olarak, eğer tarayıcımızın IE7 gibi davranmasını istiyorsak aşağıdaki kodu eklememiz yeterli olacaktır.</p>
<div class="geshi no html">
<ol>
<li class="li1">
<div class="de1">&lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=7&quot; /&gt;</div>
</li>
</ol>
</div>
<p>Her ne kadar bu etiketleri ekleyerek IE8&#8242;in IE7 gibi davranmasını sağlasakta bu gerçek bir IE7 gibi olmayacaktır. Bu nedenden meta etiketlerinin kullanımını önermiyorum.</p>
<h4>IE8 CSS Hack</h4>
<p>IE8 için kullanacağım hack yöntemi star hack yöntemini kullarak IE7 ve daha düşük versiyonları hedef alır. Fakat eski IE tarayıcıları için daha farklı hack yöntemleride kullanılabilir.</p>
<div class="geshi no css">
<ol>
<li class="li1">
<div class="de1">p<span class="re1">.myclass</span> <span class="br0">&#123;</span></div>
</li>
<li class="li1">
<div class="de1"><span class="kw1">color</span><span class="sy0">:</span> <span class="kw2">green</span><span class="sy0">;</span></div>
</li>
<li class="li1">
<div class="de1">*<span class="kw1">color</span><span class="sy0">:</span> <span class="kw2">red</span><span class="sy0">;</span></div>
</li>
<li class="li1">
<div class="de1"><span class="br0">&#125;</span></div>
</li>
<li class="li1">
<div class="de1">&nbsp;</div>
</li>
<li class="li1">
<div class="de1">body<span class="re2">:last-child</span> p<span class="re1">.myclass</span> <span class="br0">&#123;</span></div>
</li>
<li class="li1">
<div class="de1"><span class="kw1">color</span><span class="sy0">:</span> <span class="kw1">blue</span><span class="sy0">;</span></div>
</li>
<li class="li1">
<div class="de1"><span class="br0">&#125;</span></div>
</li>
</ol>
</div>
<p>Bu hack yöntemi kullanıldığında myclass sınıfına sahip paragraflar;</p>
<ul>
<li>IE7 ve IE6 içinde kırmızı</li>
<li>IE8 içinde yeşil</li>
<li>FF, Safari and Opera içinde mavi renk olacaktır.</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.volkanaltinbas.com/index.php/2009/04/02/ie8-hakkinda-bilmeniz-gerekenler/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-2100567-1");
pageTracker._trackPageview();
} catch(err) {}</script>