<?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>Tarek Mahmud Apu</title>
	<atom:link href="http://www.apueee.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.apueee.com</link>
	<description>javascript, php, flash, engineer, electrical, electronic, xul, firefox, mysql, matlab, c, web, web developer,</description>
	<lastBuildDate>Sun, 21 Jun 2009 02:35:14 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Show desktop icon on the Quick Launch</title>
		<link>http://www.apueee.com/2009/06/20/show-desktop-icon-on-the-quick-launch/</link>
		<comments>http://www.apueee.com/2009/06/20/show-desktop-icon-on-the-quick-launch/#comments</comments>
		<pubDate>Sun, 21 Jun 2009 02:35:14 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[windows]]></category>
		<category><![CDATA[desktop]]></category>
		<category><![CDATA[quick launch]]></category>
		<category><![CDATA[show desktop]]></category>
		<category><![CDATA[xp]]></category>

		<guid isPermaLink="false">http://www.apueee.com/2009/06/20/show-desktop-icon-on-the-quick-launch/</guid>
		<description><![CDATA[Adding item in quick launch is very easy. Just need to drag the item to quick launch. But some time we delete the desktop icon from the quick launch. Which causes problem to toggle desktop and current open window. If you facing same problem don’t worry.. it’s a little task.. 
Steps are as follows:
1. Open [...]]]></description>
			<content:encoded><![CDATA[<p>Adding item in quick launch is very easy. Just need to drag the item to quick launch. But some time we delete the desktop icon from the quick launch. Which causes problem to toggle desktop and current open window. If you facing same problem don’t worry.. it’s a little task.. </p>
<p><strong>Steps are as follows:</strong></p>
<p><strong>1.</strong> Open a notepad file and past the following code then save the as “show_desktop.scf”. Filename doesn’t matter just keep the extension as scf. </p>
<p>[Shell]    <br />Command=2     <br />IconFile=explorer.exe,3     <br />[Taskbar]     <br />Command=ToggleDesktop</p>
<p><strong>2.</strong> Click and then drag the <strong>show_desktop</strong> icon to your Quick Launch toolbar.</p>
<p>That’s it <img src='http://www.apueee.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p><strong><em>*** BTW you can always go to desktop from any open window by pressing the Windows logo key+D on your keyboard</em></strong></p>
]]></content:encoded>
			<wfw:commentRss>http://www.apueee.com/2009/06/20/show-desktop-icon-on-the-quick-launch/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Seven Weird Things</title>
		<link>http://www.apueee.com/2009/04/22/seven-weird-things/</link>
		<comments>http://www.apueee.com/2009/04/22/seven-weird-things/#comments</comments>
		<pubDate>Wed, 22 Apr 2009 18:43:12 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[LifeStyle]]></category>

		<guid isPermaLink="false">http://www.apueee.com/?p=19</guid>
		<description><![CDATA[I have found &#8220;the   seven unknown things internet meme has been circulating in the web for a while &#8221; at emran&#8217;s blog. Though I&#8217;ve never been tagged before in any sort of blog meme thing, but i can&#8217;t stop myself to explore my seven things.  But before finishing this post i have found that [...]]]></description>
			<content:encoded><![CDATA[<p>I have found <strong>&#8220;the   <a href="http://shiflett.org/blog/2009/jan/seven-things">seven</a> <a href="http://elizabethmariesmith.com/2009/01/seven-weird-things/">unknown</a> <a href="http://naramore.net/blog/seven-things">things</a> internet meme has been circulating in the web for a while &#8221; </strong>at emran&#8217;s blog. Though I&#8217;ve never been tagged before in any sort of blog meme thing, but i can&#8217;t stop myself to explore my seven things.  But before finishing this post i have found that me also have been tagged by <a href="http://www.fanphp.com"><strong>masud</strong></a>. Thanks to  masud&#8230;. here goes the Seven random, weird things about me:</p>
<p>1. My first code is on flash actionscript. I learned it from a help corner of prothom-alo newspaper at 2001.</p>
<p>2. My aim was to be a computer engineer but i&#8217;m now an Electrical &amp; Electronic Engineer.</p>
<p>3. I started learning php in early 2006. At that time internet connection was not available for me. So i search php code from my friend&#8217;s mobile browser(gprs) and then copy the code from mobile to pc. It was painful but me and my friend did it for whole night</p>
<p>4. I wrote my first commercial code in 2007, sold for $3000. but  i got $2000 for taking 5 extra days. &#8211; it was a 3 flash application for online photo fixing like blingee, bannermaker and logo design</p>
<p>5. i am a great fan of any type of video games</p>
<p>6. i&#8217;m also fan of cricket. My favorite cricketers are <a href="http://content.cricinfo.com/westindies/content/player/52337.html" target="_blank">Brian Lara, </a><a href="http://content.cricinfo.com/india/content/player/35320.html" target="_blank">Sachin Tendulker</a>,  <a href="http://content.cricinfo.com/pakistan/content/player/43547.html" target="_blank">Wasim Akram</a> and alll bangladeshi players.</p>
<p>7. I love my family very much but still not become a good family member <img src='http://www.apueee.com/wp-includes/images/smilies/icon_sad.gif' alt=':(' class='wp-smiley' /> </p>
<p>Here are the seven people I’m tagging:</p>
<ol>
<li><a href="http://hasin.wordpress.com/">Hasin Haider</a></li>
<li><a href="http://www.ajaxray.com/">Anis Uddin Ahamed</a></li>
<li><a href="http://www.phpfour.com">Emran Hasan</a></li>
<li><a href="http://www.fanphp.com/"> Mahabubul Hasan Masud</a></li>
<li><a href="http://saidur.wordpress.com/">saidur rahman bijon</a></li>
<li><a href="http://www.mizanurrahman.com/">Mizanur Rahman</a></li>
<li><a href="http://www.stylephp.com/">Raju mazumdar</a></li>
</ol>
<p>And here goes the rules:</p>
<p>- Link your original tagger(s), and list these rules on your blog.<br />
- Share seven facts about yourself in the post &#8211; some random, some weird.<br />
- Tag seven people at the end of your post by leaving their names and the links to their blogs.<br />
- Let them know they’ve been tagged by leaving a comment on their blogs and/or Twitter</p>
]]></content:encoded>
			<wfw:commentRss>http://www.apueee.com/2009/04/22/seven-weird-things/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>My new laptop: Dell Vostro 1510</title>
		<link>http://www.apueee.com/2009/03/28/my-new-laptop-dell-vostro-1510/</link>
		<comments>http://www.apueee.com/2009/03/28/my-new-laptop-dell-vostro-1510/#comments</comments>
		<pubDate>Sat, 28 Mar 2009 15:17:00 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Dell]]></category>
		<category><![CDATA[Personal]]></category>
		<category><![CDATA[laptop]]></category>
		<category><![CDATA[1510]]></category>
		<category><![CDATA[processor]]></category>
		<category><![CDATA[technology]]></category>
		<category><![CDATA[vostro]]></category>

		<guid isPermaLink="false">http://www.apueee.com/2009/03/28/my-new-laptop-dell-vostro-1510/</guid>
		<description><![CDATA[I was confused to buy a laptop. After long time i have decided to buy the Dell Vostro 1510. First time i was not happy with this. But now i think, its cool and can fulfill my requirements. So day by day smile coming in my face..  
&#160; &#160;  
Here are all features [...]]]></description>
			<content:encoded><![CDATA[<p>I was confused to buy a laptop. After long time i have decided to buy the Dell Vostro 1510. First time i was not happy with this. But now i think, its cool and can fulfill my requirements. So day by day smile coming in my face.. <img src='http://www.apueee.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p><a href="http://www.apueee.com/wp-content/uploads/2009/03/34080.jpg"><img title="34080" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="123" alt="34080" src="http://www.apueee.com/wp-content/uploads/2009/03/34080-thumb.jpg" width="186" border="0" /></a>&#160; <a href="http://www.apueee.com/wp-content/uploads/2009/03/34090.jpg"><img title="34090" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="123" alt="34090" src="http://www.apueee.com/wp-content/uploads/2009/03/34090-thumb.jpg" width="186" border="0" /></a>&#160; <a href="http://www.apueee.com/wp-content/uploads/2009/03/34096.jpg"><img title="34096" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="123" alt="34096" src="http://www.apueee.com/wp-content/uploads/2009/03/34096-thumb.jpg" width="186" border="0" /></a> </p>
<p>Here are all features : </p>
<ul>
<li><strong>Processor</strong>: Intel Core 2 Duo T5670 (1.8GHz) </li>
<li><strong>Memory</strong>: 2GB + 512MB DDR2 </li>
<li><strong>HDD</strong>: 160GB HDD </li>
<li><strong>Graphics</strong>: Mobile Intel® 965 Express Chipset Family </li>
<li><strong>Display</strong>: 15.4&quot; WXGA Antiglare </li>
<li><strong>DVD/CD-ROM</strong> : MATSHITA DVD+-RW UJ-8755 </li>
<li><strong>Wireless</strong>: Dell Wireless 1395 WLAN Mini-Card </li>
<li><strong>Battery</strong>: 6-cell battery </li>
<li><strong>Other</strong>: Webcam </li>
<li><strong>Dimensions (HxWxD):</strong> 1&quot; (front)/1.5&quot; (back) x 14.6&quot; x 10.16&quot; </li>
<li><strong>Weight</strong>: 5.75 lbs (with 6-cell battery) as configured </li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.apueee.com/2009/03/28/my-new-laptop-dell-vostro-1510/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>cricket bowling at its best&#8230;.</title>
		<link>http://www.apueee.com/2009/02/02/cricket-bowling-at-its-best/</link>
		<comments>http://www.apueee.com/2009/02/02/cricket-bowling-at-its-best/#comments</comments>
		<pubDate>Tue, 03 Feb 2009 06:35:51 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[LifeStyle]]></category>
		<category><![CDATA[cricket]]></category>
		<category><![CDATA[sports]]></category>
		<category><![CDATA[apueee]]></category>
		<category><![CDATA[batsman]]></category>
		<category><![CDATA[bowled]]></category>
		<category><![CDATA[bowler]]></category>
		<category><![CDATA[dismissal]]></category>
		<category><![CDATA[out]]></category>

		<guid isPermaLink="false">http://www.apueee.com/2009/02/02/cricket-bowling-at-its-best/</guid>
		<description><![CDATA[Are you a fan of cricket? I know most of the programmers don&#8217;t get enough time to watch cricket. But I&#8217;m a real fan of cricket. I like to pass time on watching cricket. Today I have found a video at you tube which is all about  bowled out . That&#8217;s a great collection. [...]]]></description>
			<content:encoded><![CDATA[<p><span style="color: rgb(0, 0, 0);">Are you a fan of cricket? I know most of the programmers don&#8217;t get enough time to watch cricket. But I&#8217;m a real fan of cricket. I like to pass time on watching cricket. Today I have found a video </span><span style="color: rgb(0, 0, 0);">at you tube </span><span style="color: rgb(0, 0, 0);">which is all about </span> bowled out <span style="color: rgb(0, 0, 0);">. That&#8217;s a great collection. hope all of you also enjoy the great dismissals in cricket&#8230;&#8230;</span></p>
<p><span style="color: rgb(0, 0, 0);"><br />
</span></p>
<div class="youtube-video"><object height="355" width="425"><param name="movie" value="http://www.youtube.com/v/wjZdaVmz_kg"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/wjZdaVmz_kg" type="application/x-shockwave-flash" wmode="transparent" height="355" width="425"></embed></object></div>
<div style="clear:both"></div>
<p>Technorati Tags: <a class="performancingtags" href="http://technorati.com/tag/cricket" rel="tag">cricket</a>, <a class="performancingtags" href="http://technorati.com/tag/bowled" rel="tag">bowled</a>, <a class="performancingtags" href="http://technorati.com/tag/out" rel="tag">out</a>, <a class="performancingtags" href="http://technorati.com/tag/dismissal" rel="tag">dismissal</a>, <a class="performancingtags" href="http://technorati.com/tag/apueee" rel="tag">apueee</a>, <a class="performancingtags" href="http://technorati.com/tag/bowler" rel="tag">bowler</a>, <a class="performancingtags" href="http://technorati.com/tag/batsman" rel="tag">batsman</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.apueee.com/2009/02/02/cricket-bowling-at-its-best/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Custom Event in actionscript 3</title>
		<link>http://www.apueee.com/2008/10/26/custom-event-in-actionscript-3/</link>
		<comments>http://www.apueee.com/2008/10/26/custom-event-in-actionscript-3/#comments</comments>
		<pubDate>Mon, 27 Oct 2008 04:18:46 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[as3]]></category>
		<category><![CDATA[actionscript]]></category>
		<category><![CDATA[custom event]]></category>
		<category><![CDATA[event]]></category>
		<category><![CDATA[flash event]]></category>

		<guid isPermaLink="false">http://www.apueee.com/2008/10/26/custom-event-in-actionscript-3/</guid>
		<description><![CDATA[Adding custom event in as3 can make life easy. Sometime it needs to set root variable from different class or need to call root function for a specific application. Its better to use custom event than using &#34;root&#34; in class. Its easy to trigger and also can be listen from anywhere. Its make a class [...]]]></description>
			<content:encoded><![CDATA[<p>Adding custom event in as3 can make life easy. Sometime it needs to set root variable from different class or need to call root function for a specific application. Its better to use custom event than using &quot;root&quot; in class. Its easy to trigger and also can be listen from anywhere. Its make a class independent. Creating custom event handlers in ActionScript 3 is pretty much simple. Here i&#8217;m showing a simple myCustomEvent class which extends the flash Event class.   </p>
<div style="border-right: gray 1px solid; padding-right: 4px; border-top: gray 1px solid; padding-left: 4px; font-size: 8pt; padding-bottom: 4px; margin: 20px 0px 10px; overflow: auto; border-left: gray 1px solid; width: 97.5%; cursor: text; line-height: 12pt; padding-top: 4px; border-bottom: gray 1px solid; font-family: consolas, &#39;Courier New&#39;, courier, monospace; height: 322px; background-color: #f4f4f4; max-height: 200px">
<div style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: #f4f4f4; border-bottom-style: none">
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: white; border-bottom-style: none"><span style="color: #606060">   1:</span> <span style="color: #008000">//Declare a class for myCustomEvent</span></pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: #f4f4f4; border-bottom-style: none"><span style="color: #606060">   2:</span> package wneeds.events{</pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: white; border-bottom-style: none"><span style="color: #606060">   3:</span>     </pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: #f4f4f4; border-bottom-style: none"><span style="color: #606060">   4:</span>     import flash.events.Event;</pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: white; border-bottom-style: none"><span style="color: #606060">   5:</span>&#160; </pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: #f4f4f4; border-bottom-style: none"><span style="color: #606060">   6:</span>     <span style="color: #0000ff">public</span> <span style="color: #0000ff">class</span> myCustomEvent extends Event {</pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: white; border-bottom-style: none"><span style="color: #606060">   7:</span>         </pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: #f4f4f4; border-bottom-style: none"><span style="color: #606060">   8:</span>         <span style="color: #0000ff">public</span> var myMessage:String;</pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: white; border-bottom-style: none"><span style="color: #606060">   9:</span>         </pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: #f4f4f4; border-bottom-style: none"><span style="color: #606060">  10:</span>         <span style="color: #0000ff">public</span> function myCustomEvent(msg) {</pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: white; border-bottom-style: none"><span style="color: #606060">  11:</span>             </pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: #f4f4f4; border-bottom-style: none"><span style="color: #606060">  12:</span>             super(<span style="color: #006080">&quot;myCustomEvent&quot;</span>);</pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: white; border-bottom-style: none"><span style="color: #606060">  13:</span>             myMessage = msg;</pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: #f4f4f4; border-bottom-style: none"><span style="color: #606060">  14:</span>         }</pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: white; border-bottom-style: none"><span style="color: #606060">  15:</span>     }</pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: #f4f4f4; border-bottom-style: none"><span style="color: #606060">  16:</span> }</pre>
</p></div>
</div>
<p>In the above class i also declare a variable named &quot;myMessage&quot; to show how to pass variable in a custom event class. For triggering the custom event, it just need to include the class and use the dispatchEvent method as like below&#8230;</p>
<div style="border-right: gray 1px solid; padding-right: 4px; border-top: gray 1px solid; padding-left: 4px; font-size: 8pt; padding-bottom: 4px; margin: 20px 0px 10px; overflow: auto; border-left: gray 1px solid; width: 97.5%; cursor: text; line-height: 12pt; padding-top: 4px; border-bottom: gray 1px solid; font-family: consolas, &#39;Courier New&#39;, courier, monospace; height: 106px; background-color: #f4f4f4; max-height: 200px">
<div style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: #f4f4f4; border-bottom-style: none">
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: white; border-bottom-style: none"><span style="color: #606060">   1:</span> <span style="color: #008000">//How to asign a event</span></pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: #f4f4f4; border-bottom-style: none"><span style="color: #606060">   2:</span> import wneeds.events.myCustomEvent;</pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: white; border-bottom-style: none"><span style="color: #606060">   3:</span>&#160; </pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: #f4f4f4; border-bottom-style: none"><span style="color: #606060">   4:</span> dispatchEvent(<span style="color: #0000ff">new</span> myCustomEvent(<span style="color: #006080">&quot;Hello ...&quot;</span>));</pre>
</p></div>
</div>
<p>Now time to add Listener to listen the event from anywhere&#8230;.</p>
<div style="border-right: gray 1px solid; padding-right: 4px; border-top: gray 1px solid; padding-left: 4px; font-size: 8pt; padding-bottom: 4px; margin: 20px 0px 10px; overflow: auto; border-left: gray 1px solid; width: 97.5%; cursor: text; line-height: 12pt; padding-top: 4px; border-bottom: gray 1px solid; font-family: consolas, &#39;Courier New&#39;, courier, monospace; background-color: #f4f4f4; max-height: 200px">
<div style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: #f4f4f4; border-bottom-style: none">
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: white; border-bottom-style: none"><span style="color: #606060">   1:</span> <span style="color: #008000">//How to add the listener for the myCustomEvent..</span></pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: #f4f4f4; border-bottom-style: none"><span style="color: #606060">   2:</span>&#160; </pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: white; border-bottom-style: none"><span style="color: #606060">   3:</span> <span style="color: #0000ff">this</span>.addEventListener(<span style="color: #006080">&quot;myCustomEvent&quot;</span>, showMessage);</pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: #f4f4f4; border-bottom-style: none"><span style="color: #606060">   4:</span>&#160; </pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: white; border-bottom-style: none"><span style="color: #606060">   5:</span> function showMessage(e:myCustomEvent):<span style="color: #0000ff">void</span> {</pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: #f4f4f4; border-bottom-style: none"><span style="color: #606060">   6:</span>     trace(e.myMessage);</pre>
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: white; border-bottom-style: none"><span style="color: #606060">   7:</span> }</pre>
</p></div>
</div>
<p>In various purpose its better to pass object. Because in object its easy to pass multiple properties and easy to write in json format. </p>
<div style="border-right: gray 1px solid; padding-right: 4px; border-top: gray 1px solid; padding-left: 4px; font-size: 8pt; padding-bottom: 4px; margin: 20px 0px 10px; overflow: auto; border-left: gray 1px solid; width: 97.5%; cursor: text; line-height: 12pt; padding-top: 4px; border-bottom: gray 1px solid; font-family: consolas, &#39;Courier New&#39;, courier, monospace; background-color: #f4f4f4; max-height: 200px">
<div style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: #f4f4f4; border-bottom-style: none">
<pre style="padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: white; border-bottom-style: none"><span style="color: #606060">   1:</span> dispatchEvent(<span style="color: #0000ff">new</span> myCustomEvent({name:<span style="color: #006080">'tma'</span>,height: 100, msg : <span style="color: #006080">'Hello...'</span>}));</pre>
</p></div>
</div>
<p>Then it can be easily possible to get all the properties from the listener&#8230;. <img src='http://www.apueee.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://www.apueee.com/2008/10/26/custom-event-in-actionscript-3/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Some links on  flash help</title>
		<link>http://www.apueee.com/2008/07/08/some-links-on-flash-help/</link>
		<comments>http://www.apueee.com/2008/07/08/some-links-on-flash-help/#comments</comments>
		<pubDate>Tue, 08 Jul 2008 19:46:58 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[AS2]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[adobe]]></category>
		<category><![CDATA[as3]]></category>
		<category><![CDATA[flex]]></category>

		<guid isPermaLink="false">http://www.apueee.com/2008/07/08/some-links-on-flash-help/</guid>
		<description><![CDATA[Some of my friends want to learn flash. They are searchig for web address where they can found help. So my friends don&#8217;t worry here are some flash help sites.. click any and get ur one..

Actionscript.org
Gotoandplay
www.learningactionscript3.com
Adobe Forums
Adobe Labs &#8211; Adobe Labs
Kirupa
Flashcomguru
gotoAndLearn()
Biskero
Flash Devices &#8211; Adobe Flash Development Resource for Non-PC Devices
FlashMove
Justin’s Flash Blog
MXNA
Quasimondo
RockOnFlash &#8211; Rock, flash, [...]]]></description>
			<content:encoded><![CDATA[<p>Some of my friends want to learn flash. They are searchig for web address where they can found help. So my friends don&#8217;t worry here are some flash help sites.. click any and get ur one..</p>
<ul>
<li><a href="http://www.actionscript.org" target="_blank">Actionscript.org</a></li>
<li><a href="http://gotoandplay.it" target="_blank">Gotoandplay</a></li>
<li><a href="http://www.learningactionscript3.com" target="_blank">www.learningactionscript3.com</a></li>
<li><a href="http://www.adobe.com/support/forums/" target="_blank">Adobe Forums</a></li>
<li><a href="http://labs.adobe.com" title="Adobe Labs">Adobe Labs</a> &#8211; Adobe Labs</li>
<li><a href="http://www.kirupa.com">Kirupa</a></li>
<li><a href="http://www.flashcomguru.com/" target="_blank">Flashcomguru</a></li>
<li><a href="http://www.gotoandlearn.com">gotoAndLearn()</a></li>
<li><a href="http://www.biskero.org">Biskero</a></li>
<li><a href="http://www.flashdevices.net" title="Adobe Flash Development Resource for Non-PC Devices">Flash Devices</a> &#8211; Adobe Flash Development Resource for Non-PC Devices</li>
<li><a href="http://flashmove.com/blog">FlashMove</a></li>
<li><a href="http://justin.everett-church.com">Justin’s Flash Blog</a></li>
<li><a href="http://weblogs.macromedia.com/mxna">MXNA</a></li>
<li><a href="http://www.quasimondo.com">Quasimondo</a></li>
<li><a href="http://www.rockonflash.com/blog" title="Rock, flash, flex, Red5, Xray, Flexible, Flasc and everything in between ;)">RockOnFlash</a> &#8211; Rock, flash, flex, Red5, Xray, Flexible, Flasc and everything in between <img src='http://www.apueee.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </li>
<li><a href="http://www.senocular.com/flash/actionscript.php">Senocular</a></li>
<li><a href="http://theflashblog.com">The Flash Blog</a></li>
</ul>
<p style="float: right">
<script type="text/javascript">var dzone_style = 1;</script><br />
<script src="http://widgets.dzone.com/widgets/zoneit.js" language="javascript"></script></p>
]]></content:encoded>
			<wfw:commentRss>http://www.apueee.com/2008/07/08/some-links-on-flash-help/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>&#8220;eXtplorer&#8221; a cool PHP- and JavaScript- based File Manager</title>
		<link>http://www.apueee.com/2008/07/07/extplore-a-cool-php-and-javascript-based-file-manager/</link>
		<comments>http://www.apueee.com/2008/07/07/extplore-a-cool-php-and-javascript-based-file-manager/#comments</comments>
		<pubDate>Mon, 07 Jul 2008 18:03:18 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[ajax]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[ajax. File Manager]]></category>
		<category><![CDATA[extplore]]></category>
		<category><![CDATA[ftp]]></category>

		<guid isPermaLink="false">http://www.apueee.com/2008/07/07/extplore-a-cool-php-and-javascript-based-file-manager/</guid>
		<description><![CDATA[I saw many ajax or javascript based work but i really became fan of &#8220;eXtplore&#8221;.Its not only a file manager for local files but also a web-based ftp application.
Its cool interface and simple animations are awesome. I am pleased with its amazing Features. No doubt its really brilliant , ausum!!!!

Features:

 browse directories &#38; files on [...]]]></description>
			<content:encoded><![CDATA[<p>I saw many ajax or javascript based work but i really became fan of &#8220;eXtplore&#8221;.Its not only a <strong>file manager</strong> for local files but also a <strong>web-based ftp application</strong>.</p>
<p>Its cool interface and simple animations are awesome. I am pleased with its <a href="http://www.urbandictionary.com/define.php?term=amazing">amazing</a> Features. No doubt its really brilliant , ausum!!!!</p>
<p><img src="http://www.apueee.com/wp-content/uploads/ext.jpg" alt="eXtplore" align="bottom" /></p>
<h3>Features:</h3>
<ul>
<li> browse directories &amp; files on the server and</li>
<li> edit, copy, move, delete files,</li>
<li> search, upload and download files,</li>
<li> create and extract archives,</li>
<li> create new files and directories,</li>
<li> change file permissions (chmod) and much more..</li>
<li> Create and <strong>Extract Archives</strong> (ZIP, Tar, Tar/GZ, Tar/BZ)</li>
<li> <strong>User Management</strong> with different permission levels like &#8220;View only&#8221; or &#8220;Edit&#8221; and &#8220;Admin&#8221;</li>
<li> Available as a component for <a href="http://www.joomla.org/" target="_blank" title="External link to http://www.joomla.org" class="externalLink">Joomla!</a> and Mambo.</li>
</ul>
<p>For more information please visit : <a href="http://extplorer.sourceforge.net/">http://extplorer.sourceforge.net/</a></p>
<p style="float: right">
<script type="text/javascript">var dzone_style = 1;</script><br />
<script src="http://widgets.dzone.com/widgets/zoneit.js" language="javascript"></script></p>
]]></content:encoded>
			<wfw:commentRss>http://www.apueee.com/2008/07/07/extplore-a-cool-php-and-javascript-based-file-manager/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Flash multiple file uploader</title>
		<link>http://www.apueee.com/2008/07/05/flash-multiple-file-uploader/</link>
		<comments>http://www.apueee.com/2008/07/05/flash-multiple-file-uploader/#comments</comments>
		<pubDate>Sat, 05 Jul 2008 11:55:59 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[AS2]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[multiple file upload]]></category>
		<category><![CDATA[upload]]></category>

		<guid isPermaLink="false">http://www.apueee.com/?p=9</guid>
		<description><![CDATA[You need to upload multiple files at once? Are you searching for java applet script for multiple file  uploading?  Why not going with flash? Here, I have a solution with flash &#8230;.
I know Flickr, solved this problem with a downloadable desktop application. But Most Others used Java applets. But i think flash is [...]]]></description>
			<content:encoded><![CDATA[<p><span style="color: #993300;">You need to upload multiple files at once? Are you searching for java applet script for multiple file  uploading?  Why not going with flash?</span> Here, I have a solution with flash &#8230;.</p>
<p>I know Flickr, solved this problem with a downloadable desktop application. But Most Others used Java applets. But i think flash is very simple for multiple file upload. I have used flash 8 to do the job&#8230;</p>
<p><img src="http://www.apueee.com/wp-content/uploads/smartuploader.jpg" alt="smartupload preview" align="middle" /></p>
<h4><span style="color: #666699;">Demo :</span> <a title="Smart Uploader Demo" href="http://www.apueee.com/smartupload/" target="_blank">http://www.apueee.com/smartupload/</a></h4>
<h4><span style="color: #666699;">Download:</span> <a href="http://www.apueee.com/downloads/smartuploader">http://www.apueee.com/downloads/smartuploader </a> (downloaded 3742 times)</h4>
<h3>Features:</h3>
<p>1. Multiple file selection option</p>
<p>2. Multiple file selection when upload on progress</p>
<p>3. Multiple progressbar for files</p>
<p>4. Its possible to remove a file from the file list even when upload on progress</p>
<p>5. Standard interface</p>
<p>6. Custom javascript function can be used after upload files.</p>
<p>7. Reset Option to use it  again</p>
<h3>Features Coming Soon:</h3>
<p>1. ActionScript 2.0 to ActionScript 3.0 Migration</p>
<p>2. Post/Get  data  sending from the html</p>
<p>3. Flash Error message control from the javascript</p>
<p>4. Getting Error message from server side script</p>
<p>6. Custom interface setting</p>
<p>7. Support for all Browser.</p>
<p>Comments and suggestions are most welcomed <img class="wp-smiley" src="http://www.phpfour.com/blog/wp-includes/images/smilies/icon_smile.gif" alt=":)" /></p>
<p style="float: right"><script type="text/javascript"><!--
var dzone_style = 1;
// --></script><br />
<script src="http://widgets.dzone.com/widgets/zoneit.js"></script></p>
]]></content:encoded>
			<wfw:commentRss>http://www.apueee.com/2008/07/05/flash-multiple-file-uploader/feed/</wfw:commentRss>
		<slash:comments>27</slash:comments>
		</item>
		<item>
		<title>Simple Drag`n Drop example (part 2)</title>
		<link>http://www.apueee.com/2008/03/27/simple-dragn-drop-example-part-2/</link>
		<comments>http://www.apueee.com/2008/03/27/simple-dragn-drop-example-part-2/#comments</comments>
		<pubDate>Thu, 27 Mar 2008 12:42:12 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[JavaScript]]></category>

		<guid isPermaLink="false">http://www.apueee.com/?p=7</guid>
		<description><![CDATA[&#160; After publishing Simple JavaScript drag`n drop i have write new function dragObj(element, target).&#160; This object has two parameters.
1. element : The object on which the mouse events work.    2. target : The object which needs to Drag&#8230;
and its very simple to declare new draggable object&#8230;
new dragObj(draggableObject);    new dragObj(dragHandlerObject, [...]]]></description>
			<content:encoded><![CDATA[<p>&#160; After publishing <a href="http://www.apueee.com/?p=5">Simple JavaScript drag`n drop</a> i have write new function dragObj(element, target).&#160; This object has two parameters.</p>
<p>1. element : The object on which the mouse events work.    <br />2. target : The object which needs to Drag&#8230;</p>
<p>and its very simple to declare new draggable object&#8230;</p>
<p>new dragObj(draggableObject);    <br />new dragObj(dragHandlerObject, draggableObject);</p>
<blockquote><p><font color="#333333">is it confusing?&#160; </font></p>
<p><font color="#333333">Here at the first declaration i used only one parameter.. that means element and target are same object. if it needs to drag a object with a drag handler then its need to give two parameter. the drag handler as an element and the target object as target&#8230; The following example will clear all the confusion..:)</font></p>
<p><a title="http://www.apueee.com/tma_examples/dragit2_tma.htm" href="http://www.apueee.com/tma_examples/dragit2_tma.htm">http://www.apueee.com/tma_examples/dragit2_tma.htm</a></p>
<p><font color="#333333">Source Code :</font></p>
<div class="csharpcode">
<pre class="alt">&lt;!DOCTYPE HTML PUBLIC <span class="str">&quot;-//W3C//DTD HTML 4.01 Transitional//EN&quot;</span></pre>
<pre><span class="str">&quot;http://www.w3.org/TR/html4/loose.dtd&quot;</span>&gt;</pre>
<pre class="alt">&lt;html&gt;</pre>
<pre>&lt;head&gt;</pre>
<pre class="alt">&lt;title&gt;Tarek Mahmud Apu : Sample Drag`n Drog Example&lt;/title&gt;</pre>
<pre>&lt;meta http-equiv=<span class="str">&quot;Content-Type&quot;</span> content=<span class="str">&quot;text/html; charset=iso-8859-1&quot;</span>&gt;</pre>
<pre class="alt">&lt;style type=<span class="str">&quot;text/css&quot;</span>&gt;</pre>
<pre>    .widget {</pre>
<pre class="alt">        height:200px;</pre>
<pre>        width:300px;</pre>
<pre class="alt">        position:absolute;</pre>
<pre>        border:1px outset #006666;</pre>
<pre class="alt">        border-right:1px inset #006666;</pre>
<pre>        border-bottom:1px inset #006666;</pre>
<pre class="alt">        background:#E0E0E0;</pre>
<pre>    }</pre>
<pre class="alt">    #dragit {</pre>
<pre>        height:20px;</pre>
<pre class="alt">        position:relative;</pre>
<pre>        background: #006666;</pre>
<pre class="alt">        cursor:move;</pre>
<pre>    }</pre>
<pre class="alt">    #box1 {</pre>
<pre>        height:200px;</pre>
<pre class="alt">        width:300px;</pre>
<pre>        position:absolute;</pre>
<pre class="alt">        border:1px solid red;</pre>
<pre>        background:#E0E0E0;</pre>
<pre class="alt">        cursor:move;</pre>
<pre>    }</pre>
<pre class="alt">&lt;/style&gt;</pre>
<pre>&lt;script type=<span class="str">&quot;text/javascript&quot;</span>&gt;</pre>
<pre class="alt">    </pre>
<pre>    <span class="kwrd">function</span> dragObj(element, target)</pre>
<pre class="alt">    {</pre>
<pre>        <span class="kwrd">var</span> objToDrag = (target) ? target : element;</pre>
<pre class="alt">        <span class="kwrd">var</span> dx, dy;</pre>
<pre>        </pre>
<pre class="alt">        <span class="rem">// stop dragging and remove event</span></pre>
<pre>        <span class="kwrd">function</span> enddrag()</pre>
<pre class="alt">        {</pre>
<pre>            document.onmouseup = <span class="kwrd">null</span>;</pre>
<pre class="alt">            document.onmousemove = <span class="kwrd">null</span>;</pre>
<pre>        }</pre>
<pre class="alt">        </pre>
<pre>        <span class="rem">//drag</span></pre>
<pre class="alt">        <span class="kwrd">function</span> drag(e)</pre>
<pre>        {</pre>
<pre class="alt">            e = e || window.<span class="kwrd">event</span>;</pre>
<pre>            </pre>
<pre class="alt">            objToDrag.style.top = (e.clientY - dy) + <span class="str">'px'</span>;</pre>
<pre>            objToDrag.style.left = (e.clientX - dx) + <span class="str">'px'</span>;</pre>
<pre class="alt">        }</pre>
<pre>        </pre>
<pre class="alt">        <span class="rem">// initiate the drag</span></pre>
<pre>        <span class="kwrd">function</span> initDrag(e)</pre>
<pre class="alt">        {</pre>
<pre>            e = e || window.<span class="kwrd">event</span>;</pre>
<pre class="alt">            </pre>
<pre>            dx = Math.abs(parseInt(objToDrag.style.left) - e.clientX);</pre>
<pre class="alt">            dy = Math.abs(parseInt(objToDrag.style.top) - e.clientY);</pre>
<pre>        </pre>
<pre class="alt">            document.onmouseup = enddrag;</pre>
<pre>            document.onmousemove = drag;</pre>
<pre class="alt">            <span class="kwrd">return</span> <span class="kwrd">false</span>;</pre>
<pre>          }</pre>
<pre class="alt">&#160;</pre>
<pre>          element.onmousedown = initDrag;</pre>
<pre class="alt">    }</pre>
<pre>&#160;</pre>
<pre class="alt">    window.onload = <span class="kwrd">function</span>()</pre>
<pre>    {</pre>
<pre class="alt">      <span class="kwrd">new</span> dragObj(document.getElementById(<span class="str">'box1'</span>));</pre>
<pre>      <span class="kwrd">new</span> dragObj(document.getElementById(<span class="str">'dragit'</span>), document.getElementById(<span class="str">'dragit'</span>).parentNode);</pre>
<pre class="alt">    }</pre>
<pre>&lt;/script&gt;</pre>
<pre class="alt">&lt;/head&gt;</pre>
<pre>    &lt;body&gt;</pre>
<pre class="alt">        &lt;h2 align=<span class="str">&quot;center&quot;</span> &gt;Simple Drag and Drop Examples&lt;/h2&gt;</pre>
<pre>        &lt;h6 align=<span class="str">&quot;center&quot;</span>&gt;&lt;a href=<span class="str">&quot;http://www.apueee.com&quot;</span>&gt;www.apueee.com&lt;/a&gt;&lt;/h6&gt;</pre>
<pre class="alt">        &lt;div id=<span class="str">&quot;box1&quot;</span> style=<span class="str">&quot;left:100px;top:100px;&quot;</span>&gt; Drag Me &lt;/div&gt;</pre>
<pre>        &lt;div <span class="kwrd">class</span>=<span class="str">&quot;widget&quot;</span> style=<span class="str">&quot;left:200px;top:200px;&quot;</span>&gt;</pre>
<pre class="alt">            &lt;div id=<span class="str">&quot;dragit&quot;</span>&gt; Drag it &lt;/div&gt;</pre>
<pre>            &lt;div style=<span class="str">&quot; text-align:center; padding-top:50px;position:relative;color:#000&quot;</span>&gt; Lorem ipsam... ... &lt;/div&gt;</pre>
<pre class="alt">        &lt;/div&gt;</pre>
<pre>    &lt;/body&gt;</pre>
<pre class="alt">&lt;/html&gt;</pre>
</p></div>
<style type="text/css">
<p>.csharpcode, .csharpcode pre
{
	font-size: small;
	color: black;
	font-family: consolas, "Courier New", courier, monospace;
	background-color: #ffffff;
	/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt 
{
	background-color: #f4f4f4;
	width: 100%;
	margin: 0em;
}
.csharpcode .lnum { color: #606060; }</style>
</blockquote>
<p>
  <br />So it&#8217;ll make easy to declare drag`n drop html element&#8230; </p>
]]></content:encoded>
			<wfw:commentRss>http://www.apueee.com/2008/03/27/simple-dragn-drop-example-part-2/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>Simple JavaScript drag`n drop</title>
		<link>http://www.apueee.com/2008/03/22/simple-javascript-dragn-drop/</link>
		<comments>http://www.apueee.com/2008/03/22/simple-javascript-dragn-drop/#comments</comments>
		<pubDate>Sun, 23 Mar 2008 07:02:13 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[drag]]></category>
		<category><![CDATA[drag`n drop]]></category>
		<category><![CDATA[html]]></category>

		<guid isPermaLink="false">http://www.apueee.com/?p=5</guid>
		<description><![CDATA[&#160;&#160; JavaScript drag`n drop is very simple thing. Last week some juniors ask me how they can drag a div element. Then I thought to write this simple post..
&#160;&#160; To Drag a div it needs 3 mouse events onmousedown, onmousemove and onmouseup. These three events can do all the job.
Live example here at 
http://www.apueee.com/tma_examples/dragit_tma.htm
Javascript Code [...]]]></description>
			<content:encoded><![CDATA[<p>&nbsp;&nbsp; JavaScript drag`n drop is very simple thing. Last week some juniors ask me how they can drag a div element. Then I thought to write this simple post..</p>
<p>&nbsp;&nbsp; To Drag a div it needs 3 mouse events onmousedown, onmousemove and onmouseup. These three events can do all the job.</p>
<p>Live example here at </p>
<p><a title="http://www.apueee.com/tma_examples/dragit_tma.htm" href="http://www.apueee.com/tma_examples/dragit_tma.htm">http://www.apueee.com/tma_examples/dragit_tma.htm</a></p>
<p>Javascript Code Here :</p>
<div class="csharpcode">
<div class="csharpcode">
<pre class="alt">&lt;script type=<span class="str">"text/javascript"</span>&gt;</pre>
<pre>    <span class="rem">//initiate variables</span></pre>
<pre class="alt">    var element;</pre>
<pre>    var DragNow = <span class="kwrd">false</span>;</pre>
<pre class="alt">    var dx=0;</pre>
<pre>    var dy=0;</pre>
<pre class="alt">    </pre>
<pre>    function initDrag(e)</pre>
<pre class="alt">    {    </pre>
<pre>        e = (e)? e : <span class="kwrd">event</span>;</pre>
<pre class="alt">        </pre>
<pre>        DragNow = <span class="kwrd">true</span>;</pre>
<pre class="alt">        </pre>
<pre>        dx = Math.abs(parseInt(element.style.left) - e.clientX);</pre>
<pre class="alt">        dy = Math.abs(parseInt(element.style.top) - e.clientY);</pre>
<pre>        </pre>
<pre class="alt">        <span class="rem">//declare mousemove and mouseup event</span></pre>
<pre>        document.onmousemove = startDrag;</pre>
<pre class="alt">        document.onmouseup = stopDrag;</pre>
<pre>    }</pre>
<pre class="alt">&nbsp;</pre>
<pre>    function stopDrag()</pre>
<pre class="alt">    {</pre>
<pre>        DragNow = <span class="kwrd">false</span>;</pre>
<pre class="alt">    }</pre>
<pre>    </pre>
<pre class="alt">    function startDrag(e)</pre>
<pre>    {</pre>
<pre class="alt">        e = (e)? e : <span class="kwrd">event</span>;</pre>
<pre>       </pre>
<pre>        <span class="kwrd">if</span>(DragNow)</pre>
<pre class="alt">        {</pre>
<pre>            element.style.top = (e.clientY - dy) + <span class="str">'px'</span>;</pre>
<pre class="alt">            element.style.left = (e.clientX - dx) + <span class="str">'px'</span>;</pre>
<pre>        }</pre>
<pre class="alt">    }</pre>
<pre>    </pre>
<pre class="alt">    window.onload = function()</pre>
<pre>    {</pre>
<pre class="alt">      <span class="rem">//set the draggable element </span></pre>
<pre>      element = document.getElementById(elementId); </pre>
<pre class="alt">      </pre>
<pre>      <span class="rem">//initiate mousedown event</span></pre>
<pre class="alt">      element.onmousedown = initDrag;</pre>
<pre>    }</pre>
<pre class="alt">&lt;/script&gt;</pre>
</div>
<style type="text/css">
.csharpcode, .csharpcode pre
{
	font-size: small;
	color: black;
	font-family: consolas, "Courier New", courier, monospace;
	background-color: #ffffff;
	/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt 
{
	background-color: #f4f4f4;
	width: 100%;
	margin: 0em;
}
.csharpcode .lnum { color: #606060; }</style>
</div>
<pre class="alt">&nbsp;</pre>
<pre class="alt">Here the important thing is that the position of the element must </pre>
<pre class="alt">be 'absolute'.</pre>
<pre class="alt">That's all about the drag`n drop. </pre>
]]></content:encoded>
			<wfw:commentRss>http://www.apueee.com/2008/03/22/simple-javascript-dragn-drop/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
	</channel>
</rss>
