<?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>A way for me &#187; as2</title>
	<atom:link href="http://away4m.com/tag/as2/feed/" rel="self" type="application/rss+xml" />
	<link>http://away4m.com</link>
	<description>A way for me</description>
	<lastBuildDate>Mon, 05 Apr 2010 00:36:27 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=abc</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>As3 mousewheel olaylarının tarayıcı sayfasını da etkimesi sorunu</title>
		<link>http://away4m.com/2009/11/27/10/#utm_source=feed&amp;utm_medium=feed&amp;utm_campaign=feed</link>
		<comments>http://away4m.com/2009/11/27/10/#comments</comments>
		<pubDate>Fri, 27 Nov 2009 23:55:34 +0000</pubDate>
		<dc:creator>away4m</dc:creator>
				<category><![CDATA[as3]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[as2]]></category>
		<category><![CDATA[bug]]></category>
		<category><![CDATA[mouse wheel]]></category>
		<category><![CDATA[scroll]]></category>

		<guid isPermaLink="false">http://away4m.com/?p=10</guid>
		<description><![CDATA[Çoğumuzun gerçekte farkında olup es geçtiğimiz bu sorun ise as3 ile hazırlanmış gömülü flash movielerinde mousewheel tuşunu kullanırken flash ile birlikte tarayıcı sayfasının da scroll ediyor olması.Bu sorunu test etmek için http://www.geocentriclabs.com/as-scroll linkinden iki ayrı flash uygulamayı tarayıcınızda çalıştırabilirsiniz.]]></description>
			<content:encoded><![CDATA[<p style="text-indent: 10px;">Liam O’Donnell blog yazılarını okurken karşılaştığım ilginç bir <a href="http://www.spikything.com/blog/index.php/2009/11/27/stop-simultaneous-flash-browser-scrolling/">yazıyı</a> paylaşmak isterim.Yazıda as3 ile beraber yüzleşmemiz gereken gayet can sıkıcı bir sorun irdelenip çözüm bulunmuş.Çoğumuzun gerçekte farkında olup es geçtiğimiz bu sorun ise as3 ile hazırlanmış gömülü flash movielerinde mousewheel tuşunu kullanırken flash ile birlikte tarayıcı sayfasının da scroll ediyor olması.Bu sorunu test etmek için  <a href="http://www.geocentriclabs.com/as-scroll">buradan </a>iki ayrı flash uygulamayı tarayıcınızda çalıştırabilirsiniz.</p>
<p style="text-indent: 10px;">Daha önceki as2 kodlarımızda bu sıkıntıyla karşılaşmama nedenimiz as2 flash movieleri focus durumundayken mousewheel olaylarını tarayıcıya bildirmemesiydi.İnternet tarayıcılarıma yaptığım denemeler sonucunda firefox 3.5.5 ve internet explorer 7,8 tarayıcılarında çözüm gayet başarılı çalışıyor. Opera 10.20 Alpha ve Safari 4.04 sürümlerinde maalesef değişen bir şey yok.</p>
<p style="text-indent: 10px;">As3 ile beraber gelen en can sıkıcı sorunlar listelense popup blocker ve wmode transparant sorunlarının ardısıra muhtemelen bu sorun gelecektir.Neyseki bu sorun için de artık gayet basit bir çözüm yolu var.Liam sorunu çözerken popup blocker ve wmode transparant sorunlarındaki çözüm yoluna benzer bir yol takip etmiş.Çözüm yolu ExternalInterface sınıfı üzerinden tarayıcı sayfasına dinamik javascript kodları ekleyip bu javascript kodları yardımıyla istenmedik tarayıcı davranışını ortaadan kaldırmayı denemiş.<br />
Adobe resmi olarak henüz çözüm üretmediği bu soruna geçici bir çözüm üretmek için Liam’ın MouseWheelTrap adını verdiği classı uygulamamız başlarken bir kez yürütmemiz yeterli.</p>

<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p10code1'); return false;">View Code</a> ACTIONSCRIPT</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p101"><td class="line_numbers"><pre>1
2
</pre></td><td class="code" id="p10code1"><pre class="actionscript" style="font-family:monospace;"><span style="color: #0066CC;">import</span> com.<span style="color: #006600;">spikything</span>.<span style="color: #006600;">utils</span>.<span style="color: #006600;">MouseWheelTrap</span>;
MouseWheelTrap.<span style="color: #006600;">setup</span><span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">stage</span><span style="color: #66cc66;">&#41;</span>;</pre></td></tr></table></div>

<p>Tarayıcıya eklenen javascript kodu ise :</p>

<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p10code2'); return false;">View Code</a> JAVASCRIPT</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p102"><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
</pre></td><td class="code" id="p10code2"><pre class="javascript" style="font-family:monospace;"><span style="color: #003366; font-weight: bold;">var</span> browserScrolling<span style="color: #339933;">;</span>
<span style="color: #003366; font-weight: bold;">function</span> allowBrowserScroll<span style="color: #009900;">&#40;</span>value<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
   browserScrolling <span style="color: #339933;">=</span> value<span style="color: #339933;">;</span>
   <span style="color: #009900;">&#125;</span>
<span style="color: #003366; font-weight: bold;">function</span> handle<span style="color: #009900;">&#40;</span>delta<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
   <span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span><span style="color: #339933;">!</span>browserScrolling<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
      <span style="color: #000066; font-weight: bold;">return</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">;</span>
      <span style="color: #009900;">&#125;</span>
   <span style="color: #000066; font-weight: bold;">return</span> <span style="color: #003366; font-weight: bold;">true</span><span style="color: #339933;">;</span>
   <span style="color: #009900;">&#125;</span>
<span style="color: #003366; font-weight: bold;">function</span> wheel<span style="color: #009900;">&#40;</span>event<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
   <span style="color: #003366; font-weight: bold;">var</span> delta <span style="color: #339933;">=</span> <span style="color: #CC0000;">0</span><span style="color: #339933;">;</span>
   <span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span><span style="color: #339933;">!</span>event<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
      event <span style="color: #339933;">=</span> window.<span style="color: #660066;">event</span><span style="color: #339933;">;</span>
      <span style="color: #009900;">&#125;</span>
   <span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>event.<span style="color: #660066;">wheelDelta</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
      delta <span style="color: #339933;">=</span> event.<span style="color: #660066;">wheelDelta</span> <span style="color: #339933;">/</span> <span style="color: #CC0000;">120</span><span style="color: #339933;">;</span>
      <span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>window.<span style="color: #660066;">opera</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
         delta <span style="color: #339933;">=-</span> delta<span style="color: #339933;">;</span>
         <span style="color: #009900;">&#125;</span>
      <span style="color: #009900;">&#125;</span>
   <span style="color: #000066; font-weight: bold;">else</span> <span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>event.<span style="color: #660066;">detail</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
      delta <span style="color: #339933;">=-</span> event.<span style="color: #660066;">detail</span> <span style="color: #339933;">/</span> <span style="color: #CC0000;">3</span><span style="color: #339933;">;</span>
      <span style="color: #009900;">&#125;</span>
   <span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>delta<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
      handle<span style="color: #009900;">&#40;</span>delta<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
      <span style="color: #009900;">&#125;</span>
   <span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span><span style="color: #339933;">!</span>browserScrolling<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
      <span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>event.<span style="color: #660066;">preventDefault</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
         event.<span style="color: #660066;">preventDefault</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
         <span style="color: #009900;">&#125;</span>
      event.<span style="color: #660066;">returnValue</span> <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">;</span>
      <span style="color: #009900;">&#125;</span>
   <span style="color: #009900;">&#125;</span>
<span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>window.<span style="color: #660066;">addEventListener</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
   window.<span style="color: #660066;">addEventListener</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'DOMMouseScroll'</span><span style="color: #339933;">,</span> wheel<span style="color: #339933;">,</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
   <span style="color: #009900;">&#125;</span>
window.<span style="color: #660066;">onmousewheel</span> <span style="color: #339933;">=</span> document.<span style="color: #660066;">onmousewheel</span> <span style="color: #339933;">=</span> wheel<span style="color: #339933;">;</span>
allowBrowserScroll<span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">true</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></td></tr></table></div>

]]></content:encoded>
			<wfw:commentRss>http://away4m.com/2009/11/27/10/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
