<?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/"
	xmlns:georss="http://www.georss.org/georss" xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#" xmlns:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>Fun with Www</title>
	<atom:link href="http://nioface.wordpress.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://nioface.wordpress.com</link>
	<description>Another foot towards technology</description>
	<lastBuildDate>Fri, 09 Jul 2010 07:42:42 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.com/</generator>
<cloud domain='nioface.wordpress.com' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
<image>
		<url>http://s2.wp.com/i/buttonw-com.png</url>
		<title>Fun with Www</title>
		<link>http://nioface.wordpress.com</link>
	</image>
	<atom:link rel="search" type="application/opensearchdescription+xml" href="http://nioface.wordpress.com/osd.xml" title="Fun with Www" />
	<atom:link rel='hub' href='http://nioface.wordpress.com/?pushpress=hub'/>
		<item>
		<title>Update a parent window from a child &#8211; Java Script</title>
		<link>http://nioface.wordpress.com/2010/07/09/update-a-parent-window-from-a-child-java-script/</link>
		<comments>http://nioface.wordpress.com/2010/07/09/update-a-parent-window-from-a-child-java-script/#comments</comments>
		<pubDate>Fri, 09 Jul 2010 07:42:42 +0000</pubDate>
		<dc:creator>Nitin Agrawal</dc:creator>
				<category><![CDATA[Fun with technology]]></category>
		<category><![CDATA[opener]]></category>
		<category><![CDATA[window object]]></category>
		<category><![CDATA[window.open]]></category>
		<category><![CDATA[window.opener]]></category>
		<category><![CDATA[window.opener.document.getElementById]]></category>

		<guid isPermaLink="false">http://nioface.wordpress.com/?p=212</guid>
		<description><![CDATA[Update a parent window from a child - Java Script<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=nioface.wordpress.com&amp;blog=10248245&amp;post=212&amp;subd=nioface&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<h3><strong>Parent Window HTML</strong></h3>
<p>&lt;!DOCTYPE html PUBLIC &#8220;-//W3C//DTD XHTML 1.0 Transitional//EN&#8221; &#8220;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&#8221;&gt;<br />
&lt;html xmlns=&#8221;http://www.w3.org/1999/xhtml&#8221;&gt;<br />
&lt;head&gt;<br />
&lt;meta http-equiv=&#8221;Content-Type&#8221; content=&#8221;text/html; charset=utf-8&#8243; /&gt;<br />
&lt;title&gt;Untitled Document&lt;/title&gt;<br />
&lt;script language=&#8221;javascript&#8221;&gt;<br />
function parent_call()<br />
{<br />
alert(&#8220;I am your parent&#8221;);<br />
}</p>
<p>function openme()<br />
{<br />
window.open (&#8220;file2.html&#8221;,&#8221;mywindow&#8221;,&#8217;height=200, width=200, resizable=no, scrollbars=no,toolbar=no,location=yes, directories=no, status=no, menubar=no, copyhistory=yes&#8217;);<br />
}<br />
&lt;/script&gt;<br />
&lt;/head&gt;</p>
<p>&lt;body&gt;<br />
&lt;input type=&#8221;text&#8221; id=&#8221;parent_text&#8221; /&gt;<br />
&lt;input type=&#8221;button&#8221; value=&#8221;Open Child Window&#8221; onclick=&#8221;openme()&#8221; /&gt;<br />
&lt;/body&gt;<br />
&lt;/html&gt;</p>
<h3>Child Window HTML</h3>
<p>&lt;!DOCTYPE html PUBLIC &#8220;-//W3C//DTD XHTML 1.0 Transitional//EN&#8221; &#8220;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&#8221;&gt;<br />
&lt;html xmlns=&#8221;http://www.w3.org/1999/xhtml&#8221;&gt;<br />
&lt;head&gt;<br />
&lt;meta http-equiv=&#8221;Content-Type&#8221; content=&#8221;text/html; charset=utf-8&#8243; /&gt;<br />
&lt;title&gt;Untitled Document&lt;/title&gt;<br />
&lt;script language=&#8221;Javascript&#8221; type=&#8221;text/javascript&#8221;&gt;</p>
<p>function updateParent_text()<br />
{<br />
window.opener.document.getElementById(&#8220;parent_text&#8221;).value = document.getElementById(&#8220;TextBox1&#8243;).value;<br />
//return false;<br />
}</p>
<p>function call_parent()<br />
{<br />
window.opener.parent_call();<br />
//return false;<br />
}<br />
&lt;/script&gt;<br />
&lt;/head&gt;</p>
<p>&lt;body&gt;<br />
&lt;input type=&#8221;text&#8221; id=&#8221;TextBox1&#8243; /&gt;<br />
&lt;input type=&#8221;button&#8221; value=&#8221;Update Parent Text&#8221; onclick=&#8221;updateParent_text()&#8221; /&gt;<br />
&lt;input type=&#8221;button&#8221; value=&#8221;Call Parent Window&#8221; onclick=&#8221;call_parent()&#8221; /&gt;</p>
<p>&lt;/body&gt;<br />
&lt;/html&gt;</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/nioface.wordpress.com/212/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/nioface.wordpress.com/212/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/nioface.wordpress.com/212/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/nioface.wordpress.com/212/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/nioface.wordpress.com/212/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/nioface.wordpress.com/212/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/nioface.wordpress.com/212/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/nioface.wordpress.com/212/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/nioface.wordpress.com/212/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/nioface.wordpress.com/212/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/nioface.wordpress.com/212/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/nioface.wordpress.com/212/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/nioface.wordpress.com/212/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/nioface.wordpress.com/212/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=nioface.wordpress.com&amp;blog=10248245&amp;post=212&amp;subd=nioface&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://nioface.wordpress.com/2010/07/09/update-a-parent-window-from-a-child-java-script/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/4e8d1e26a5c55f6a2fe79ea7d525e474?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">nioface</media:title>
		</media:content>
	</item>
		<item>
		<title>Cookie in JavaScript</title>
		<link>http://nioface.wordpress.com/2010/07/06/cookie-in-javascript/</link>
		<comments>http://nioface.wordpress.com/2010/07/06/cookie-in-javascript/#comments</comments>
		<pubDate>Tue, 06 Jul 2010 12:57:45 +0000</pubDate>
		<dc:creator>Nitin Agrawal</dc:creator>
				<category><![CDATA[Cookie in JavaScript]]></category>
		<category><![CDATA[cookies]]></category>

		<guid isPermaLink="false">http://nioface.wordpress.com/?p=210</guid>
		<description><![CDATA[Cookie in JavaScript<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=nioface.wordpress.com&amp;blog=10248245&amp;post=210&amp;subd=nioface&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>&lt;!DOCTYPE html PUBLIC &#8220;-//W3C//DTD XHTML 1.0 Transitional//EN&#8221; &#8220;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&#8221;&gt;<br />
&lt;html xmlns=&#8221;http://www.w3.org/1999/xhtml&#8221;&gt;<br />
&lt;head&gt;<br />
&lt;meta http-equiv=&#8221;Content-Type&#8221; content=&#8221;text/html; charset=utf-8&#8243; /&gt;<br />
&lt;title&gt;Untitled Document&lt;/title&gt;<br />
&lt;/head&gt;<br />
&lt;body style=&#8221;font-size:12px;font-family:Arial, Helvetica, sans-serif;&#8221;&gt;<br />
Cookie Value<br />
&lt;input id=&#8221;c-value&#8221; type=&#8221;text&#8221; /&gt;<br />
&lt;br /&gt;<br />
&lt;br /&gt;<br />
&lt;input type=&#8221;button&#8221; value=&#8221;create&#8221; onclick=&#8221;create()&#8221; /&gt;<br />
&lt;input type=&#8221;button&#8221; value=&#8221;update&#8221; onclick=&#8221;update()&#8221; /&gt;<br />
&lt;input type=&#8221;button&#8221; value=&#8221;remove&#8221; onclick=&#8221;remove()&#8221; /&gt;<br />
&lt;input type=&#8221;button&#8221; value=&#8221;check&#8221; onclick=&#8221;check()&#8221; /&gt;<br />
&lt;script language=&#8221;javascript&#8221;&gt;<br />
function create()<br />
{<br />
document.cookie =&#8217;Cookie_value = &#8216;+ document.getElementById(&#8220;c-value&#8221;).value +&#8217;; path=/&#8217;;<br />
}<br />
function remove()<br />
{<br />
document.cookie =&#8217;Cookie_value = &#8216;+ document.getElementById(&#8220;c-value&#8221;).value +&#8217;;expires=Fri, 3 Aug 2001 20:47:11 UTC; path=/&#8217;; // expires=old date;<br />
}<br />
function update()<br />
{<br />
document.cookie =&#8217;Cookie_value = &#8216;+ document.getElementById(&#8220;c-value&#8221;).value +&#8217;;path=/&#8217;; // expires=old date;<br />
}<br />
function check()<br />
{<br />
if((document.cookie).indexOf(&#8220;Cookie_value=&#8221;)&gt;=0)<br />
{<br />
var t=document.cookie.split(&#8216;;&#8217;);<br />
alert((t[t.length - 1].split(&#8216;=&#8217;))[(t[t.length - 1].split(&#8216;=&#8217;)).length &#8211; 1]);<br />
}<br />
else<br />
alert(&#8220;No Cookie&#8221;);<br />
}<br />
&lt;/script&gt;<br />
&lt;/body&gt;<br />
&lt;/html&gt;</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/nioface.wordpress.com/210/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/nioface.wordpress.com/210/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/nioface.wordpress.com/210/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/nioface.wordpress.com/210/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/nioface.wordpress.com/210/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/nioface.wordpress.com/210/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/nioface.wordpress.com/210/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/nioface.wordpress.com/210/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/nioface.wordpress.com/210/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/nioface.wordpress.com/210/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/nioface.wordpress.com/210/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/nioface.wordpress.com/210/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/nioface.wordpress.com/210/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/nioface.wordpress.com/210/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=nioface.wordpress.com&amp;blog=10248245&amp;post=210&amp;subd=nioface&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://nioface.wordpress.com/2010/07/06/cookie-in-javascript/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/4e8d1e26a5c55f6a2fe79ea7d525e474?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">nioface</media:title>
		</media:content>
	</item>
		<item>
		<title>Max Character Limit For Text Area</title>
		<link>http://nioface.wordpress.com/2010/07/02/max-character-limit-for-text-area/</link>
		<comments>http://nioface.wordpress.com/2010/07/02/max-character-limit-for-text-area/#comments</comments>
		<pubDate>Fri, 02 Jul 2010 09:59:56 +0000</pubDate>
		<dc:creator>Nitin Agrawal</dc:creator>
				<category><![CDATA[Fun with technology]]></category>
		<category><![CDATA[Character Limit]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[textarea]]></category>

		<guid isPermaLink="false">http://nioface.wordpress.com/?p=207</guid>
		<description><![CDATA[Max character limit for text Area<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=nioface.wordpress.com&amp;blog=10248245&amp;post=207&amp;subd=nioface&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>&lt;body style=&#8221;font-family:Arial, Helvetica, sans-serif; font-size:12px;&#8221;&gt;<br />
&lt;div style=&#8221;width:600px;&#8221;&gt;&lt;strong&gt;Enter Your Status&lt;/strong&gt;<br />
&lt;textarea onkeyup=&#8221;char_count()&#8221; style=&#8221;width:600px; height:400px;&#8221; id=&#8221;text_area&#8221;&gt;&lt;/textarea&gt;<br />
&lt;/div&gt;<br />
&lt;div style=&#8221;clear:both;&#8221;&gt;&lt;/div&gt;<br />
&lt;div&gt;&lt;strong&gt;Char Count :&lt;/strong&gt; &lt;span id=&#8221;count&#8221;&gt;&lt;/span&gt;&lt;/div&gt;<br />
&lt;script language=&#8221;javascript&#8221;&gt;<br />
document.getElementById(&#8220;count&#8221;).innerHTML = 30;<br />
function char_count()<br />
{<br />
var t=(document.getElementById(&#8220;text_area&#8221;).value).length;<br />
if(t&gt;30)<br />
{<br />
document.getElementById(&#8220;count&#8221;).innerHTML = &#8220;-&#8221; + (t-30);<br />
document.getElementById(&#8220;count&#8221;).style.color=&#8221;red&#8221;;<br />
}<br />
else<br />
{<br />
document.getElementById(&#8220;count&#8221;).innerHTML = (30 &#8211; t);<br />
document.getElementById(&#8220;count&#8221;).style.color=&#8221;black&#8221;;<br />
}<br />
}<br />
&lt;/script&gt;<br />
&lt;/body&gt;</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/nioface.wordpress.com/207/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/nioface.wordpress.com/207/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/nioface.wordpress.com/207/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/nioface.wordpress.com/207/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/nioface.wordpress.com/207/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/nioface.wordpress.com/207/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/nioface.wordpress.com/207/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/nioface.wordpress.com/207/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/nioface.wordpress.com/207/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/nioface.wordpress.com/207/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/nioface.wordpress.com/207/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/nioface.wordpress.com/207/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/nioface.wordpress.com/207/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/nioface.wordpress.com/207/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=nioface.wordpress.com&amp;blog=10248245&amp;post=207&amp;subd=nioface&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://nioface.wordpress.com/2010/07/02/max-character-limit-for-text-area/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/4e8d1e26a5c55f6a2fe79ea7d525e474?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">nioface</media:title>
		</media:content>
	</item>
		<item>
		<title>Safari Hack</title>
		<link>http://nioface.wordpress.com/2010/07/01/safari%c2%a0hack/</link>
		<comments>http://nioface.wordpress.com/2010/07/01/safari%c2%a0hack/#comments</comments>
		<pubDate>Thu, 01 Jul 2010 11:16:37 +0000</pubDate>
		<dc:creator>Nitin Agrawal</dc:creator>
				<category><![CDATA[Fun with technology]]></category>
		<category><![CDATA[Safari Hack]]></category>

		<guid isPermaLink="false">http://nioface.wordpress.com/?p=157</guid>
		<description><![CDATA[@media screen and (-webkit-min-device-pixel-ratio:0) { #block-menu-menu-leftmenu{ margin-top:6px; padding-top:2px;} }<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=nioface.wordpress.com&amp;blog=10248245&amp;post=157&amp;subd=nioface&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>@media screen and (-webkit-min-device-pixel-ratio:0)<br />
{<br />
#block-menu-menu-leftmenu{ margin-top:6px; padding-top:2px;}<br />
}</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/nioface.wordpress.com/157/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/nioface.wordpress.com/157/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/nioface.wordpress.com/157/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/nioface.wordpress.com/157/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/nioface.wordpress.com/157/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/nioface.wordpress.com/157/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/nioface.wordpress.com/157/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/nioface.wordpress.com/157/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/nioface.wordpress.com/157/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/nioface.wordpress.com/157/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/nioface.wordpress.com/157/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/nioface.wordpress.com/157/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/nioface.wordpress.com/157/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/nioface.wordpress.com/157/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=nioface.wordpress.com&amp;blog=10248245&amp;post=157&amp;subd=nioface&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://nioface.wordpress.com/2010/07/01/safari%c2%a0hack/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/4e8d1e26a5c55f6a2fe79ea7d525e474?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">nioface</media:title>
		</media:content>
	</item>
		<item>
		<title>Example for confirm page navigation – javascript</title>
		<link>http://nioface.wordpress.com/2010/07/01/example-for-confirm-page-navigation-%e2%80%93%c2%a0javascript/</link>
		<comments>http://nioface.wordpress.com/2010/07/01/example-for-confirm-page-navigation-%e2%80%93%c2%a0javascript/#comments</comments>
		<pubDate>Thu, 01 Jul 2010 11:15:14 +0000</pubDate>
		<dc:creator>Nitin Agrawal</dc:creator>
				<category><![CDATA[Fun with technology]]></category>
		<category><![CDATA[Browser]]></category>
		<category><![CDATA[confirm page navigation]]></category>
		<category><![CDATA[javascript]]></category>

		<guid isPermaLink="false">http://nioface.wordpress.com/?p=156</guid>
		<description><![CDATA[&#60;HTML&#62; &#60;head&#62; &#60;script&#62; function closeIt() { return &#8220;Any string value here forces a dialog box to \n&#8221; + &#8220;appear before closing the window.&#8221;; } window.onbeforeunload = closeIt; &#60;/script&#62; &#60;/head&#62; &#60;body&#62; &#60;a href=&#8221;http://www.microsoft.com&#8221;&#62;Click here to navigate to www.microsoft.com&#60;/a&#62; &#60;/body&#62; &#60;/html&#62;<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=nioface.wordpress.com&amp;blog=10248245&amp;post=156&amp;subd=nioface&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>&lt;HTML&gt;<br />
&lt;head&gt;<br />
&lt;script&gt;<br />
function closeIt()<br />
{<br />
return &#8220;Any string value here forces a dialog box to \n&#8221; +<br />
&#8220;appear before closing the window.&#8221;;<br />
}<br />
window.onbeforeunload = closeIt;<br />
&lt;/script&gt;<br />
&lt;/head&gt;<br />
&lt;body&gt;<br />
&lt;a href=&#8221;http://www.microsoft.com&#8221;&gt;Click here to navigate to<br />
www.microsoft.com&lt;/a&gt;<br />
&lt;/body&gt;<br />
&lt;/html&gt;</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/nioface.wordpress.com/156/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/nioface.wordpress.com/156/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/nioface.wordpress.com/156/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/nioface.wordpress.com/156/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/nioface.wordpress.com/156/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/nioface.wordpress.com/156/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/nioface.wordpress.com/156/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/nioface.wordpress.com/156/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/nioface.wordpress.com/156/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/nioface.wordpress.com/156/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/nioface.wordpress.com/156/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/nioface.wordpress.com/156/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/nioface.wordpress.com/156/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/nioface.wordpress.com/156/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=nioface.wordpress.com&amp;blog=10248245&amp;post=156&amp;subd=nioface&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://nioface.wordpress.com/2010/07/01/example-for-confirm-page-navigation-%e2%80%93%c2%a0javascript/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/4e8d1e26a5c55f6a2fe79ea7d525e474?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">nioface</media:title>
		</media:content>
	</item>
		<item>
		<title>Example of event Bubbling in JQuery</title>
		<link>http://nioface.wordpress.com/2010/07/01/example-of-event-bubbling-in-jquery/</link>
		<comments>http://nioface.wordpress.com/2010/07/01/example-of-event-bubbling-in-jquery/#comments</comments>
		<pubDate>Thu, 01 Jul 2010 11:14:20 +0000</pubDate>
		<dc:creator>Nitin Agrawal</dc:creator>
				<category><![CDATA[Fun with technology]]></category>
		<category><![CDATA[Browser]]></category>
		<category><![CDATA[event Bubbling in JQuery]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jquery]]></category>

		<guid isPermaLink="false">http://nioface.wordpress.com/?p=154</guid>
		<description><![CDATA[event Bubbling in JQuery<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=nioface.wordpress.com&amp;blog=10248245&amp;post=154&amp;subd=nioface&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>&lt;!DOCTYPE html PUBLIC &#8220;-//W3C//DTD XHTML 1.0 Transitional//EN&#8221; &#8220;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&#8221;&gt;<br />
&lt;html xmlns=&#8221;http://www.w3.org/1999/xhtml&#8221;&gt;<br />
&lt;head&gt;<br />
&lt;meta http-equiv=&#8221;Content-Type&#8221; content=&#8221;text/html; charset=utf-8&#8243; /&gt;<br />
&lt;title&gt;Untitled Document&lt;/title&gt;<br />
&lt;script language=&#8221;javascript&#8221; src=&#8221;http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js&#8221; type=&#8221;text/javascript&#8221;&gt;&lt;/script&gt;</p>
<p>&lt;/head&gt;</p>
<p>&lt;body&gt;<br />
&lt;div onclick=&#8221;a()&#8221; id=&#8221;a&#8221; style=&#8221;width:100px; line-height:30px; background-color:#CCCCCC; border:1px solid black;&#8221;&gt;<br />
a<br />
&lt;div id=&#8221;b1&#8243; style=&#8221;width:100px; line-height:30px; background-color:#CCCCCC; border:1px solid black;&#8221;&gt;b&lt;/div&gt;<br />
&lt;/div&gt;<br />
&lt;script language=&#8221;javascript&#8221;&gt;<br />
$(&#8220;#a&#8221;).click(function(){<br />
alert(&#8220;a&#8221;);<br />
});</p>
<p>$(&#8220;#b1&#8243;).bind(&#8216;click&#8217;,function(e){<br />
alert(&#8220;b1&#8243;);<br />
e.stopPropagation();<br />
})<br />
&lt;/script&gt;<br />
&lt;/body&gt;<br />
&lt;/html&gt;</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/nioface.wordpress.com/154/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/nioface.wordpress.com/154/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/nioface.wordpress.com/154/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/nioface.wordpress.com/154/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/nioface.wordpress.com/154/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/nioface.wordpress.com/154/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/nioface.wordpress.com/154/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/nioface.wordpress.com/154/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/nioface.wordpress.com/154/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/nioface.wordpress.com/154/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/nioface.wordpress.com/154/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/nioface.wordpress.com/154/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/nioface.wordpress.com/154/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/nioface.wordpress.com/154/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=nioface.wordpress.com&amp;blog=10248245&amp;post=154&amp;subd=nioface&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://nioface.wordpress.com/2010/07/01/example-of-event-bubbling-in-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/4e8d1e26a5c55f6a2fe79ea7d525e474?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">nioface</media:title>
		</media:content>
	</item>
		<item>
		<title>addEventListener &amp; CaptureEvent Javascript</title>
		<link>http://nioface.wordpress.com/2010/07/01/addeventlistener-captureevent-javascript/</link>
		<comments>http://nioface.wordpress.com/2010/07/01/addeventlistener-captureevent-javascript/#comments</comments>
		<pubDate>Thu, 01 Jul 2010 11:12:37 +0000</pubDate>
		<dc:creator>Nitin Agrawal</dc:creator>
				<category><![CDATA[Fun with technology]]></category>
		<category><![CDATA[addEventListener]]></category>
		<category><![CDATA[Browser]]></category>
		<category><![CDATA[CaptureEvent]]></category>
		<category><![CDATA[event Bubbling in JQuery]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jquery]]></category>

		<guid isPermaLink="false">http://nioface.wordpress.com/?p=151</guid>
		<description><![CDATA[addEventListener &#38; CaptureEvent Javascript<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=nioface.wordpress.com&amp;blog=10248245&amp;post=151&amp;subd=nioface&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>&lt;!DOCTYPE html PUBLIC &#8220;-//W3C//DTD XHTML 1.0 Transitional//EN&#8221; &#8220;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&#8221;&gt;<br />
&lt;html xmlns=&#8221;http://www.w3.org/1999/xhtml&#8221;&gt;<br />
&lt;head&gt;<br />
&lt;meta http-equiv=&#8221;Content-Type&#8221; content=&#8221;text/html; charset=utf-8&#8243; /&gt;<br />
&lt;title&gt;Untitled Document&lt;/title&gt;<br />
&lt;/head&gt;</p>
<p>&lt;body&gt;<br />
&lt;!&#8211;addEventListener is same as captureevent but this dont work for IE if use addEventListner &#8211;&gt;</p>
<p>&lt;div onclick=&#8221;javascript:alert(&#8216;div clicked&#8217;);&#8221;&gt;<br />
&lt;a href=&#8221;#&#8221; id=&#8221;nio&#8221;&gt;Click&lt;/a&gt;<br />
&lt;/div&gt;<br />
&lt;script language=&#8221;javascript&#8221;&gt;<br />
element1 = document.getElementById(&#8220;nio&#8221;);<br />
element1.addEventListener(&#8216;click&#8217;,doSomething2,false);<br />
var r=1;<br />
function doSomething2(e)<br />
{<br />
alert(&#8220;in a&#8221; + r++);<br />
if (!e)<br />
var e = window.event;<br />
e.cancelBubble = true;   //stop event bubling &#8211; for IE<br />
this.style.color=&#8221;red&#8221;;<br />
if (e.stopPropagation) e.stopPropagation(); // stop event bubling &#8211; for mozila<br />
}<br />
&lt;/script&gt;</p>
<p>&lt;!&#8211;using addEventListener first triger its parent event &#8211;&gt;</p>
<p>&lt;div onclick=&#8221;javascript:alert(&#8216;div1 clicked&#8217;);&#8221;&gt;<br />
&lt;a href=&#8221;#&#8221; id=&#8221;nio1&#8243;&gt;Click1&lt;/a&gt;<br />
&lt;/div&gt;<br />
&lt;script language=&#8221;javascript&#8221;&gt;<br />
element1 = document.getElementById(&#8220;nio1&#8243;);<br />
element1.onclick = doSomething_new;<br />
if (element1.captureEvents) element1.captureEvents(Event.CLICK);<br />
var r=1;<br />
function doSomething_new(e)<br />
{<br />
alert(&#8220;in a_new&#8221;+ r++);<br />
if (!e)<br />
var e = window.event;<br />
e.cancelBubble = true;   //stop event bubling &#8211; for IE<br />
this.style.color=&#8221;red&#8221;;<br />
if (e.stopPropagation) e.stopPropagation(); // stop event bubling &#8211; for mozila<br />
}<br />
&lt;/script&gt;</p>
<p>&lt;/body&gt;<br />
&lt;/html&gt;</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/nioface.wordpress.com/151/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/nioface.wordpress.com/151/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/nioface.wordpress.com/151/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/nioface.wordpress.com/151/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/nioface.wordpress.com/151/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/nioface.wordpress.com/151/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/nioface.wordpress.com/151/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/nioface.wordpress.com/151/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/nioface.wordpress.com/151/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/nioface.wordpress.com/151/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/nioface.wordpress.com/151/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/nioface.wordpress.com/151/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/nioface.wordpress.com/151/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/nioface.wordpress.com/151/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=nioface.wordpress.com&amp;blog=10248245&amp;post=151&amp;subd=nioface&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://nioface.wordpress.com/2010/07/01/addeventlistener-captureevent-javascript/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/4e8d1e26a5c55f6a2fe79ea7d525e474?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">nioface</media:title>
		</media:content>
	</item>
		<item>
		<title>jQuery Plug-in Understanding</title>
		<link>http://nioface.wordpress.com/2010/05/20/jquery-plug-in-understanding/</link>
		<comments>http://nioface.wordpress.com/2010/05/20/jquery-plug-in-understanding/#comments</comments>
		<pubDate>Thu, 20 May 2010 11:34:55 +0000</pubDate>
		<dc:creator>Nitin Agrawal</dc:creator>
				<category><![CDATA[Fun with technology]]></category>
		<category><![CDATA[addEventListener & CaptureEvent Javascript]]></category>
		<category><![CDATA[jQuery Plug-in]]></category>

		<guid isPermaLink="false">http://nioface.wordpress.com/?p=142</guid>
		<description><![CDATA[jQuery Plug-in Understanding<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=nioface.wordpress.com&amp;blog=10248245&amp;post=142&amp;subd=nioface&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>&lt;script type=&#8221;text/javascript&#8221; src=&#8221;http://jqueryjs.googlecode.com/files/jquery-1.2.6.min.js&#8221;&gt;&lt;/script&gt;<br />
&lt;script language=&#8221;javascript&#8221;&gt;<br />
$(function(){<br />
$(&#8220;div&#8221;).check({delay: true});  <strong>// calling function  having arguments</strong><br />
$(&#8220;div&#8221;).check({delay: true});  <strong>// calling function  having arguments</strong><br />
});<br />
&lt;/script&gt;<br />
&lt;body&gt;<br />
&lt;div id=&#8221;one&#8221;&gt; &lt;/div&gt;<br />
&lt;div id=&#8221;two&#8221;&gt; &lt;/div&gt;<br />
&lt;div id=&#8221;three&#8221;&gt;&lt;/div&gt;<br />
&lt;script language=&#8221;javascript&#8221;&gt;<br />
(function($) <strong>// call function </strong><br />
{<br />
$.check = function (e1, options){    // Function without argument (e1 is class / id / tag name, options is values)<br />
var bb=this;            <strong>//(refer to $.check but no argument so nothing in this)</strong><br />
bb.e1=e1;                <strong>// adding reference of #one</strong><br />
bb.$e1=$(e1);<br />
alert($(bb.e1).attr(&#8220;class&#8221;));<br />
bb.options = $.extend({},$.check.defaults, options);        <strong>// merging defaults and options value</strong><br />
alert(bb.options.delay);<br />
};<br />
$.check.defaults = {delay: false};<br />
$.fn.check = function(options){        <strong>// function with argument</strong><br />
if(typeof(options) == &#8220;object&#8221;){<br />
return this.each(function(i){<br />
($.check(this, options));  <strong>// call for multiple reference</strong><br />
});<br />
}<br />
}<br />
})(jQuery);<br />
&lt;/script&gt;<br />
&lt;/body&gt;<br />
&lt;/html&gt;</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/nioface.wordpress.com/142/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/nioface.wordpress.com/142/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/nioface.wordpress.com/142/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/nioface.wordpress.com/142/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/nioface.wordpress.com/142/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/nioface.wordpress.com/142/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/nioface.wordpress.com/142/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/nioface.wordpress.com/142/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/nioface.wordpress.com/142/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/nioface.wordpress.com/142/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/nioface.wordpress.com/142/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/nioface.wordpress.com/142/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/nioface.wordpress.com/142/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/nioface.wordpress.com/142/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=nioface.wordpress.com&amp;blog=10248245&amp;post=142&amp;subd=nioface&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://nioface.wordpress.com/2010/05/20/jquery-plug-in-understanding/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/4e8d1e26a5c55f6a2fe79ea7d525e474?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">nioface</media:title>
		</media:content>
	</item>
		<item>
		<title>Expand / Collapse functionality in Jquery</title>
		<link>http://nioface.wordpress.com/2010/05/20/expand-collapse-functionality-in-jquery/</link>
		<comments>http://nioface.wordpress.com/2010/05/20/expand-collapse-functionality-in-jquery/#comments</comments>
		<pubDate>Thu, 20 May 2010 11:30:09 +0000</pubDate>
		<dc:creator>Nitin Agrawal</dc:creator>
				<category><![CDATA[Fun with technology]]></category>
		<category><![CDATA[Browser]]></category>
		<category><![CDATA[Collapse]]></category>
		<category><![CDATA[Expand]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jquery]]></category>

		<guid isPermaLink="false">http://nioface.wordpress.com/?p=140</guid>
		<description><![CDATA[Expand / Collaspe functionality in Jquery <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=nioface.wordpress.com&amp;blog=10248245&amp;post=140&amp;subd=nioface&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>&lt;div style=&#8221;width:200px; background-color:#CCCCCC; overflow:hidden; padding-top:3px;&#8221;&gt; &lt;a href=&#8221;#&#8221;&gt;111&lt;/a&gt; &lt;a href=&#8221;#&#8221;&gt;111&lt;/a&gt; &lt;a href=&#8221;#&#8221;&gt;111&lt;/a&gt; &lt;a href=&#8221;#&#8221;&gt;111&lt;/a&gt; &lt;a href=&#8221;#&#8221;&gt;111&lt;/a&gt; &lt;a href=&#8221;#&#8221;&gt;111&lt;/a&gt; &lt;a href=&#8221;#&#8221;&gt;111&lt;/a&gt; &lt;a href=&#8221;#&#8221;&gt;111&lt;/a&gt; &lt;a href=&#8221;#&#8221;&gt;111&lt;/a&gt; &lt;a href=&#8221;#&#8221;&gt;111&lt;/a&gt; &lt;a href=&#8221;#&#8221;&gt;111&lt;/a&gt; &lt;a href=&#8221;#&#8221;&gt;111&lt;/a&gt; &lt;a href=&#8221;#&#8221;&gt;111&lt;/a&gt; &lt;a href=&#8221;#&#8221;&gt;111&lt;/a&gt; &lt;a href=&#8221;#&#8221;&gt;111&lt;/a&gt; &lt;a href=&#8221;#&#8221;&gt;111&lt;/a&gt; &lt;a href=&#8221;#&#8221;&gt;111&lt;/a&gt; &lt;a href=&#8221;#&#8221;&gt;111&lt;/a&gt; &lt;a href=&#8221;#&#8221;&gt;111&lt;/a&gt; &lt;a href=&#8221;#&#8221;&gt;111&lt;/a&gt; &lt;a href=&#8221;#&#8221;&gt;111&lt;/a&gt; &lt;a href=&#8221;#&#8221;&gt;111&lt;/a&gt; &lt;a href=&#8221;#&#8221;&gt;111&lt;/a&gt; &lt;a href=&#8221;#&#8221;&gt;111&lt;/a&gt; &lt;a href=&#8221;#&#8221;&gt;111&lt;/a&gt; &lt;a href=&#8221;#&#8221;&gt;111&lt;/a&gt; &lt;a href=&#8221;#&#8221;&gt;111&lt;/a&gt; &lt;a href=&#8221;#&#8221;&gt;111&lt;/a&gt; &lt;a href=&#8221;#&#8221;&gt;111&lt;/a&gt; &lt;a href=&#8221;#&#8221;&gt;111&lt;/a&gt; &lt;a href=&#8221;#&#8221;&gt;111&lt;/a&gt; &lt;a href=&#8221;#&#8221;&gt;111&lt;/a&gt; &lt;a href=&#8221;#&#8221;&gt;111&lt;/a&gt; &lt;a href=&#8221;#&#8221;&gt;111&lt;/a&gt; &lt;a href=&#8221;#&#8221;&gt;111&lt;/a&gt; &lt;a href=&#8221;#&#8221;&gt;111&lt;/a&gt; &lt;a href=&#8221;#&#8221;&gt;111 &lt;a href=&#8221;#&#8221;&gt;111&lt;/a&gt; &lt;a href=&#8221;#&#8221;&gt;111&lt;/a&gt; &lt;a href=&#8221;#&#8221;&gt;111&lt;/a&gt; &lt;a href=&#8221;#&#8221;&gt;111&lt;/a&gt; &lt;/div&gt;<br />
&lt;div&gt; &lt;a id=&#8221;expand_project&#8221; href=&#8221;#&#8221;&gt;more&lt;/a&gt;&lt;/div&gt;<br />
&lt;/div&gt;<br />
&lt;style&gt;<br />
div{font-family:Arial, Helvetica, sans-serif; font-size:12px;}<br />
a{ text-decoration:none; color:#0033FF; display:block; float:left;}<br />
&lt;/style&gt;<br />
&lt;script src=&#8221;http://code.jquery.com/jquery-latest.js&#8221;&gt;&lt;/script&gt;<br />
&lt;script&gt;<br />
/* Hiding overlay box when click outside of overlay*/<br />
$(document).ready(function()<br />
{<br />
var check=0;<br />
if($(&#8220;div.proLinks&#8221;).attr(&#8220;class&#8221;))<br />
{<br />
if($(&#8220;div.proLinks&#8221;).height()&gt;38)<br />
{<br />
$(&#8220;div.proLinks&#8221;).css(&#8220;height&#8221;,&#8221;32px&#8221;);<br />
$(&#8220;div.expandProject&#8221;).show().css(&#8220;bottom&#8221;,&#8221;18px&#8221;);<br />
}<br />
else<br />
{<br />
$(&#8220;div.expandProject&#8221;).hide();<br />
}<br />
}</p>
<p>$(&#8220;a#expand_project&#8221;).click(function()<br />
{<br />
if(check%2==0)<br />
{<br />
$(&#8220;.proLinks,.diy_proLinks&#8221;).css(&#8220;height&#8221;,&#8221;auto&#8221;);<br />
$(this).html(&#8220;less&#8221;).removeClass(&#8220;expand_pro&#8221;).addClass(&#8220;close_pro&#8221;);<br />
check=1;<br />
}<br />
else<br />
{<br />
$(&#8220;.proLinks&#8221;).css(&#8220;height&#8221;,&#8221;32px&#8221;);<br />
$(this).html(&#8220;more&#8221;).addClass(&#8220;expand_pro&#8221;).removeClass(&#8220;close_pro&#8221;);<br />
check=0;<br />
}<br />
return false;<br />
});<br />
});<br />
&lt;/script&gt;</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/nioface.wordpress.com/140/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/nioface.wordpress.com/140/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/nioface.wordpress.com/140/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/nioface.wordpress.com/140/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/nioface.wordpress.com/140/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/nioface.wordpress.com/140/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/nioface.wordpress.com/140/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/nioface.wordpress.com/140/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/nioface.wordpress.com/140/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/nioface.wordpress.com/140/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/nioface.wordpress.com/140/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/nioface.wordpress.com/140/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/nioface.wordpress.com/140/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/nioface.wordpress.com/140/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=nioface.wordpress.com&amp;blog=10248245&amp;post=140&amp;subd=nioface&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://nioface.wordpress.com/2010/05/20/expand-collapse-functionality-in-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/4e8d1e26a5c55f6a2fe79ea7d525e474?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">nioface</media:title>
		</media:content>
	</item>
		<item>
		<title>Event Bubbling and event capturing in javascript</title>
		<link>http://nioface.wordpress.com/2010/05/20/event-bubbling-and-event-capturing-in-javascript/</link>
		<comments>http://nioface.wordpress.com/2010/05/20/event-bubbling-and-event-capturing-in-javascript/#comments</comments>
		<pubDate>Thu, 20 May 2010 11:15:04 +0000</pubDate>
		<dc:creator>Nitin Agrawal</dc:creator>
				<category><![CDATA[Fun with technology]]></category>
		<category><![CDATA[Browser]]></category>
		<category><![CDATA[Event Bubbling]]></category>
		<category><![CDATA[event capturing]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jquery]]></category>

		<guid isPermaLink="false">http://nioface.wordpress.com/?p=137</guid>
		<description><![CDATA[Event Bubbling and event capturing in javascript<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=nioface.wordpress.com&amp;blog=10248245&amp;post=137&amp;subd=nioface&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>When ever we click on child event then the parent event automatically  fires and this is called Event Bubbling.</p>
<p>&lt;script language=&#8221;javascript&#8221;&gt;<br />
function a()<br />
{<br />
alert(&#8220;a&#8221;);<br />
}<br />
function b(e)<br />
{<br />
alert(&#8220;b&#8221;);<br />
if (!e)<br />
var e = window.event;<br />
e.cancelBubble = true;   <strong>//stop event bubling &#8211; for IE</strong><br />
this.style.border=&#8221;5px solid black&#8221;;<br />
if (e.stopPropagation) e.stopPropagation(); <strong>// stop event bubling &#8211; for mozila</strong><br />
}</p>
<p>&lt;/script&gt;<br />
&lt;/head&gt;</p>
<p>&lt;body&gt;<br />
&lt;div onclick=&#8221;a()&#8221; id=&#8221;a&#8221; style=&#8221;width:100px; line-height:30px; background-color:#CCCCCC; border:1px solid black;&#8221;&gt;<br />
a <strong>// Parent div</strong><br />
&lt;div id=&#8221;b1&#8243; style=&#8221;width:100px; line-height:30px; background-color:#CCCCCC; border:1px solid black; margin:10px;&#8221;&gt;b&lt;/div&gt;  <strong>// child div</strong><br />
&lt;/div&gt;<br />
&lt;a href=&#8221;#&#8221; id=&#8221;nio&#8221;&gt;nitin&lt;/a&gt;<br />
&lt;script language=&#8221;javascript&#8221;&gt;<br />
var d=document.getElementById(&#8220;b1&#8243;); <strong>// access element</strong><br />
d.onclick = b; // define function<br />
if (d.captureEvents) d.captureEvents(Event.CLICK); <strong>// attach event</strong><br />
&lt;/script&gt;<br />
&lt;/body&gt;<br />
&lt;/html&gt;</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/nioface.wordpress.com/137/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/nioface.wordpress.com/137/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/nioface.wordpress.com/137/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/nioface.wordpress.com/137/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/nioface.wordpress.com/137/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/nioface.wordpress.com/137/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/nioface.wordpress.com/137/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/nioface.wordpress.com/137/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/nioface.wordpress.com/137/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/nioface.wordpress.com/137/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/nioface.wordpress.com/137/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/nioface.wordpress.com/137/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/nioface.wordpress.com/137/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/nioface.wordpress.com/137/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=nioface.wordpress.com&amp;blog=10248245&amp;post=137&amp;subd=nioface&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://nioface.wordpress.com/2010/05/20/event-bubbling-and-event-capturing-in-javascript/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/4e8d1e26a5c55f6a2fe79ea7d525e474?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">nioface</media:title>
		</media:content>
	</item>
	</channel>
</rss>
