<?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>satishgaudo.com &#187; Javascript</title>
	<atom:link href="http://satishgaudo.com/satblog/category/javascript/feed/" rel="self" type="application/rss+xml" />
	<link>http://satishgaudo.com/satblog</link>
	<description>Understanding technology</description>
	<lastBuildDate>Thu, 26 Aug 2010 06:27:18 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>jquery-oembed:</title>
		<link>http://satishgaudo.com/satblog/2010/06/30/jquery-oembed/</link>
		<comments>http://satishgaudo.com/satblog/2010/06/30/jquery-oembed/#comments</comments>
		<pubDate>Wed, 30 Jun 2010 11:12:51 +0000</pubDate>
		<dc:creator>satishgaudo</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[jquery-oembed]]></category>
		<category><![CDATA[OEmbed API]]></category>

		<guid isPermaLink="false">http://satishgaudo.com/satblog/?p=221</guid>
		<description><![CDATA[
			
				
			
		
A simple jQuery plugin that uses OEmbed API to help displaying  embedded  content (such as photos or videos) in your website.
This plugin can be downloaded from google code base code.google.com
http://satishgaudo.com/satblog/ext_img/oEmbed/index.html
Quick explicit example:
&#60;html xmlns="http://www.w3.org/1999/xhtml"&#62;
&#60;head&#62;
&#60;title&#62;jquery-oembed explicit insert example&#60;/title&#62;
&#60;meta http-equiv="content-type" content="text/html; charset=utf-8"/&#62;
&#60;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/
jquery/1.3.2/jquery.min.js"&#62;&#60;/script&#62;
&#60;script type="text/javascript" src="jquery.oembed.js"&#62;&#60;/script&#62;
&#60;/head&#62;
&#60;body&#62;
&#60;script type="text/javascript"&#62;
$(document).ready(function() {
 $("#container").oembed("http://www.flickr.com/photos/
14516334@N00/345009210/");
});
&#60;/script&#62;
&#60;div id="container"&#62;&#60;/div&#62;
&#60;/body&#62;
&#60;/html&#62;

In  this example the div#container will [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fsatishgaudo.com%2Fsatblog%2F2010%2F06%2F30%2Fjquery-oembed%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fsatishgaudo.com%2Fsatblog%2F2010%2F06%2F30%2Fjquery-oembed%2F&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>A simple jQuery plugin that uses OEmbed API to help displaying  embedded  content (such as photos or videos) in your website.</p>
<p>This plugin can be downloaded from google code base <a class="wp-caption" title="jquery-oembed" href="http://code.google.com/p/jquery-oembed/" target="_blank"><span style="color: #ff0000;">code.google.com</span></a></p>
<p><span style="color: #ff0000;">http://satishgaudo.com/satblog/ext_img/oEmbed/index.html</span></p>
<h2><a name="Quick_explicit_example">Quick explicit example</a>:</h2>
<pre>&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
&lt;head&gt;
&lt;title&gt;jquery-oembed explicit insert example&lt;/title&gt;
&lt;meta http-equiv="content-type" content="text/html; charset=utf-8"/&gt;
&lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/
jquery/1.3.2/jquery.min.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="jquery.oembed.js"&gt;&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;script type="text/javascript"&gt;
$(document).ready(function() {
 $("#container").oembed("http://www.flickr.com/photos/
14516334@N00/345009210/");
});
&lt;/script&gt;
&lt;div id="container"&gt;&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;

In  this example the div#container will display the photo from flickr.</pre>
]]></content:encoded>
			<wfw:commentRss>http://satishgaudo.com/satblog/2010/06/30/jquery-oembed/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Use GET for AJAX Requests</title>
		<link>http://satishgaudo.com/satblog/2009/07/21/use-get-for-ajax-requests/</link>
		<comments>http://satishgaudo.com/satblog/2009/07/21/use-get-for-ajax-requests/#comments</comments>
		<pubDate>Tue, 21 Jul 2009 14:40:24 +0000</pubDate>
		<dc:creator>satishgaudo</dc:creator>
				<category><![CDATA[Javascript]]></category>

		<guid isPermaLink="false">http://satishgaudo.com/satblog/2009/07/21/use-get-for-ajax-requests/</guid>
		<description><![CDATA[
			
				
			
		
The Yahoo! Mail team found that when using XMLHttpRequest, POST is implemented in the browsers as a two-step process: sending the headers first, then sending data. So it&#8217;s best to use GET, which only takes one TCP packet to send (unless you have a lot of cookies). The maximum URL length in IE is 2K, [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fsatishgaudo.com%2Fsatblog%2F2009%2F07%2F21%2Fuse-get-for-ajax-requests%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fsatishgaudo.com%2Fsatblog%2F2009%2F07%2F21%2Fuse-get-for-ajax-requests%2F&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>The Yahoo! Mail team found that when using XMLHttpRequest, POST is implemented in the browsers as a two-step process: sending the headers first, then sending data. So it&#8217;s best to use GET, which only takes one TCP packet to send (unless you have a lot of cookies). The maximum URL length in IE is 2K, so if you send more than 2K data you might not be able to use GET.</p>
<p>An interesting side affect is that POST without actually posting any data behaves like GET. Based on the HTTP specs, GET is meant for retrieving information, so it makes sense (semantically) to use GET when you&#8217;re only requesting data, as opposed to sending data to be stored server-side. </p>
<p>Source:<a href="http://developer.yahoo.com/performance/rules.html"> Best Practices for Speeding Up Your Web Site</a></p>
]]></content:encoded>
			<wfw:commentRss>http://satishgaudo.com/satblog/2009/07/21/use-get-for-ajax-requests/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Calling Ajax script on onscroll event of an element:</title>
		<link>http://satishgaudo.com/satblog/2009/07/17/calling-ajax-script-on-onscroll-event-of-an-element/</link>
		<comments>http://satishgaudo.com/satblog/2009/07/17/calling-ajax-script-on-onscroll-event-of-an-element/#comments</comments>
		<pubDate>Fri, 17 Jul 2009 09:26:36 +0000</pubDate>
		<dc:creator>satishgaudo</dc:creator>
				<category><![CDATA[Javascript]]></category>

		<guid isPermaLink="false">http://satishgaudo.com/satblog/?p=50</guid>
		<description><![CDATA[
			
				
			
		
        In the example below element &#8220;adListContainer&#8221; is an div, on onscroll event of which an ajax function
        is called to load the next set of records.
        It is required that the function be [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fsatishgaudo.com%2Fsatblog%2F2009%2F07%2F17%2Fcalling-ajax-script-on-onscroll-event-of-an-element%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fsatishgaudo.com%2Fsatblog%2F2009%2F07%2F17%2Fcalling-ajax-script-on-onscroll-event-of-an-element%2F&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>        In the example below element &#8220;adListContainer&#8221; is an div, on onscroll event of which an ajax function<br />
        is called to load the next set of records.<br />
        It is required that the function be called only at the end of scrolling or scroll bottom.</p>

<div class="wp_syntax"><div class="code"><pre class="" style="font-family:monospace;">       var oAdList = document.getElementById<span class="br0">&#40;</span>&quot;adListContainer&quot;<span class="br0">&#41;</span>;
&nbsp;
	var iVisibleHeight = oAdList.clientHeight;
	var iScrollableHeight = oAdList.scrollHeight;
	var iScrollTop = oAdList.scrollTop;
	if<span class="br0">&#40;</span><span class="br0">&#40;</span>iScrollTop+iVisibleHeight<span class="br0">&#41;</span> == iScrollableHeight<span class="br0">&#41;</span><span class="br0">&#123;</span>
	      // call the ajax function to load the next set of ads 
		showNextSetofAds<span class="br0">&#40;</span><span class="br0">&#41;</span>;
        <span class="br0">&#125;</span></pre></div></div>

]]></content:encoded>
			<wfw:commentRss>http://satishgaudo.com/satblog/2009/07/17/calling-ajax-script-on-onscroll-event-of-an-element/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>function to check for valid date</title>
		<link>http://satishgaudo.com/satblog/2009/06/14/function-to-check-for-valid-date/</link>
		<comments>http://satishgaudo.com/satblog/2009/06/14/function-to-check-for-valid-date/#comments</comments>
		<pubDate>Sat, 13 Jun 2009 19:00:27 +0000</pubDate>
		<dc:creator>satishgaudo</dc:creator>
				<category><![CDATA[Javascript]]></category>

		<guid isPermaLink="false">http://satishgaudo.com/satblog/?p=4</guid>
		<description><![CDATA[
			
				
			
		

function validDate&#40;sDatePassed&#41; &#123;
 //if the date is in dd/mm/yyyy format then valid date returns 1else 0 
if &#40;sDatePassed.length &#62; 0&#41; &#123;
aDate = sDatePassed.split&#40;&#34;/&#34;&#41;;
if &#40;aDate.length != 3&#41; return&#40;0&#41;; 		if &#40;aDate&#91;1&#93;.length == 1&#41; aDate&#91;1&#93;= &#34;0&#34;+aDate&#91;1&#93;;
var iLeapyear = 0;
// check whether the year is leap year - aleap year is div by 4 ,100, 400
if &#40;&#40;aDate&#91;2&#93; % 4&#41; == [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fsatishgaudo.com%2Fsatblog%2F2009%2F06%2F14%2Ffunction-to-check-for-valid-date%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fsatishgaudo.com%2Fsatblog%2F2009%2F06%2F14%2Ffunction-to-check-for-valid-date%2F&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>

<div class="wp_syntax"><div class="code"><pre class="" style="font-family:monospace;">function validDate<span class="br0">&#40;</span>sDatePassed<span class="br0">&#41;</span> <span class="br0">&#123;</span>
 //if the date is in dd/mm/yyyy format then valid date returns 1else <span style="">0</span> 
if <span class="br0">&#40;</span>sDatePassed.length &gt; <span style="">0</span><span class="br0">&#41;</span> <span class="br0">&#123;</span>
aDate = sDatePassed.split<span class="br0">&#40;</span>&quot;/&quot;<span class="br0">&#41;</span>;
if <span class="br0">&#40;</span>aDate.length != <span style="">3</span><span class="br0">&#41;</span> return<span class="br0">&#40;</span><span style="">0</span><span class="br0">&#41;</span>; 		if <span class="br0">&#40;</span>aDate<span class="br0">&#91;</span><span style="">1</span><span class="br0">&#93;</span>.length == <span style="">1</span><span class="br0">&#41;</span> aDate<span class="br0">&#91;</span><span style="">1</span><span class="br0">&#93;</span>= &quot;<span style="">0</span>&quot;+aDate<span class="br0">&#91;</span><span style="">1</span><span class="br0">&#93;</span>;
var iLeapyear = <span style="">0</span>;
// check whether the year is leap year - aleap year is div by <span style="">4</span> ,<span style="">100</span>, <span style="">400</span>
if <span class="br0">&#40;</span><span class="br0">&#40;</span>aDate<span class="br0">&#91;</span><span style="">2</span><span class="br0">&#93;</span> % <span style="">4</span><span class="br0">&#41;</span> == <span style="">0</span><span class="br0">&#41;</span> <span class="br0">&#123;</span>
if <span class="br0">&#40;</span><span class="br0">&#40;</span>aDate<span class="br0">&#91;</span><span style="">2</span><span class="br0">&#93;</span> % <span style="">100</span><span class="br0">&#41;</span> == <span style="">0</span><span class="br0">&#41;</span> <span class="br0">&#123;</span>
if <span class="br0">&#40;</span><span class="br0">&#40;</span>aDate<span class="br0">&#91;</span><span style="">2</span><span class="br0">&#93;</span> % <span style="">400</span><span class="br0">&#41;</span> == <span style="">0</span><span class="br0">&#41;</span> <span class="br0">&#123;</span>
iLeapyear = <span style="">1</span>;
<span class="br0">&#125;</span>
<span class="br0">&#125;</span>
<span class="br0">&#125;</span>
if <span class="br0">&#40;</span>aDate<span class="br0">&#91;</span><span style="">2</span><span class="br0">&#93;</span>.length != <span style="">4</span><span class="br0">&#41;</span> <span class="br0">&#123;</span>
return<span class="br0">&#40;</span><span style="">0</span><span class="br0">&#41;</span>;
<span class="br0">&#125;</span> else if <span class="br0">&#40;</span>isNaN<span class="br0">&#40;</span>aDate<span class="br0">&#91;</span><span style="">2</span><span class="br0">&#93;</span><span class="br0">&#41;</span><span class="br0">&#41;</span> <span class="br0">&#123;</span>
return<span class="br0">&#40;</span><span style="">0</span><span class="br0">&#41;</span>;
<span class="br0">&#125;</span> else if <span class="br0">&#40;</span>aDate<span class="br0">&#91;</span><span style="">2</span><span class="br0">&#93;</span> &lt; <span style="">0</span><span class="br0">&#41;</span> <span class="br0">&#123;</span>
return<span class="br0">&#40;</span><span style="">0</span><span class="br0">&#41;</span>;
<span class="br0">&#125;</span> else if <span class="br0">&#40;</span><span class="br0">&#40;</span>aDate<span class="br0">&#91;</span><span style="">1</span><span class="br0">&#93;</span>.length == <span style="">0</span><span class="br0">&#41;</span> || <span class="br0">&#40;</span>aDate<span class="br0">&#91;</span><span style="">1</span><span class="br0">&#93;</span>.length &gt; <span style="">2</span><span class="br0">&#41;</span><span class="br0">&#41;</span> <span class="br0">&#123;</span>
return<span class="br0">&#40;</span><span style="">0</span><span class="br0">&#41;</span>;
<span class="br0">&#125;</span> else if <span class="br0">&#40;</span>isNaN<span class="br0">&#40;</span>aDate<span class="br0">&#91;</span><span style="">1</span><span class="br0">&#93;</span><span class="br0">&#41;</span><span class="br0">&#41;</span> <span class="br0">&#123;</span>
return<span class="br0">&#40;</span><span style="">0</span><span class="br0">&#41;</span>;
<span class="br0">&#125;</span> else if <span class="br0">&#40;</span><span class="br0">&#40;</span>aDate<span class="br0">&#91;</span><span style="">1</span><span class="br0">&#93;</span> &lt;= <span style="">0</span><span class="br0">&#41;</span> || <span class="br0">&#40;</span>aDate<span class="br0">&#91;</span><span style="">1</span><span class="br0">&#93;</span> &gt; <span style="">12</span><span class="br0">&#41;</span><span class="br0">&#41;</span> <span class="br0">&#123;</span>
return<span class="br0">&#40;</span><span style="">0</span><span class="br0">&#41;</span>;
<span class="br0">&#125;</span> else if <span class="br0">&#40;</span><span class="br0">&#40;</span>aDate<span class="br0">&#91;</span><span style="">0</span><span class="br0">&#93;</span>.length == <span style="">0</span><span class="br0">&#41;</span> || <span class="br0">&#40;</span>aDate<span class="br0">&#91;</span><span style="">0</span><span class="br0">&#93;</span>.length &gt; <span style="">2</span><span class="br0">&#41;</span><span class="br0">&#41;</span> <span class="br0">&#123;</span>
return<span class="br0">&#40;</span><span style="">0</span><span class="br0">&#41;</span>;
<span class="br0">&#125;</span> else if <span class="br0">&#40;</span>isNaN<span class="br0">&#40;</span>aDate<span class="br0">&#91;</span><span style="">0</span><span class="br0">&#93;</span><span class="br0">&#41;</span><span class="br0">&#41;</span> <span class="br0">&#123;</span>
return<span class="br0">&#40;</span><span style="">0</span><span class="br0">&#41;</span>;
<span class="br0">&#125;</span> else if <span class="br0">&#40;</span>aDate<span class="br0">&#91;</span><span style="">0</span><span class="br0">&#93;</span> &lt;= <span style="">0</span><span class="br0">&#41;</span> <span class="br0">&#123;</span>
return<span class="br0">&#40;</span><span style="">0</span><span class="br0">&#41;</span>;
<span class="br0">&#125;</span> else if <span class="br0">&#40;</span><span class="br0">&#40;</span>iLeapyear == <span style="">1</span><span class="br0">&#41;</span> &amp;&amp; <span class="br0">&#40;</span>aDate<span class="br0">&#91;</span><span style="">1</span><span class="br0">&#93;</span> == 02<span class="br0">&#41;</span> &amp;&amp; <span class="br0">&#40;</span>aDate<span class="br0">&#91;</span><span style="">0</span><span class="br0">&#93;</span> &gt; <span style="">29</span><span class="br0">&#41;</span><span class="br0">&#41;</span> <span class="br0">&#123;</span>
return<span class="br0">&#40;</span><span style="">0</span><span class="br0">&#41;</span>;
<span class="br0">&#125;</span> else if <span class="br0">&#40;</span><span class="br0">&#40;</span>iLeapyear == <span style="">0</span><span class="br0">&#41;</span> &amp;&amp; <span class="br0">&#40;</span>aDate<span class="br0">&#91;</span><span style="">1</span><span class="br0">&#93;</span> == 02<span class="br0">&#41;</span> &amp;&amp; <span class="br0">&#40;</span>aDate<span class="br0">&#91;</span><span style="">0</span><span class="br0">&#93;</span> &gt; <span style="">28</span><span class="br0">&#41;</span><span class="br0">&#41;</span> <span class="br0">&#123;</span>
return<span class="br0">&#40;</span><span style="">0</span><span class="br0">&#41;</span>;
<span class="br0">&#125;</span> else if <span class="br0">&#40;</span><span class="br0">&#40;</span><span class="br0">&#40;</span>aDate<span class="br0">&#91;</span><span style="">1</span><span class="br0">&#93;</span> == '01'<span class="br0">&#41;</span> || <span class="br0">&#40;</span>aDate<span class="br0">&#91;</span><span style="">1</span><span class="br0">&#93;</span> == '03'<span class="br0">&#41;</span> || <span class="br0">&#40;</span>aDate<span class="br0">&#91;</span><span style="">1</span><span class="br0">&#93;</span> == '05'<span class="br0">&#41;</span> || <span class="br0">&#40;</span>aDate<span class="br0">&#91;</span><span style="">1</span><span class="br0">&#93;</span> == '07'<span class="br0">&#41;</span> || <span class="br0">&#40;</span>aDate<span class="br0">&#91;</span><span style="">1</span><span class="br0">&#93;</span> == '08'<span class="br0">&#41;</span> ||<span class="br0">&#40;</span>aDate<span class="br0">&#91;</span><span style="">1</span><span class="br0">&#93;</span> == '<span style="">10</span>'<span class="br0">&#41;</span> || <span class="br0">&#40;</span>aDate<span class="br0">&#91;</span><span style="">1</span><span class="br0">&#93;</span> == '<span style="">12</span>'<span class="br0">&#41;</span><span class="br0">&#41;</span> &amp;&amp; <span class="br0">&#40;</span>aDate<span class="br0">&#91;</span><span style="">0</span><span class="br0">&#93;</span> &gt; '<span style="">31</span>'<span class="br0">&#41;</span><span class="br0">&#41;</span> <span class="br0">&#123;</span>
return<span class="br0">&#40;</span><span style="">0</span><span class="br0">&#41;</span>;
<span class="br0">&#125;</span> else if <span class="br0">&#40;</span><span class="br0">&#40;</span><span class="br0">&#40;</span>aDate<span class="br0">&#91;</span><span style="">1</span><span class="br0">&#93;</span> == '04'<span class="br0">&#41;</span> || <span class="br0">&#40;</span>aDate<span class="br0">&#91;</span><span style="">1</span><span class="br0">&#93;</span> == '06'<span class="br0">&#41;</span> || <span class="br0">&#40;</span>aDate<span class="br0">&#91;</span><span style="">1</span><span class="br0">&#93;</span> == '09'<span class="br0">&#41;</span> || <span class="br0">&#40;</span>aDate<span class="br0">&#91;</span><span style="">1</span><span class="br0">&#93;</span> == '<span style="">11</span>'<span class="br0">&#41;</span><span class="br0">&#41;</span> &amp;&amp; <span class="br0">&#40;</span>aDate<span class="br0">&#91;</span><span style="">0</span><span class="br0">&#93;</span> &gt;'<span style="">30</span>'<span class="br0">&#41;</span><span class="br0">&#41;</span> <span class="br0">&#123;</span> return<span class="br0">&#40;</span><span style="">0</span><span class="br0">&#41;</span>; <span class="br0">&#125;</span> return <span style="">1</span>; <span class="br0">&#125;</span> else <span class="br0">&#123;</span>
 return<span class="br0">&#40;</span><span style="">1</span><span class="br0">&#41;</span>;
<span class="br0">&#125;</span>
<span class="br0">&#125;</span>// EOF validDate</pre></div></div>

]]></content:encoded>
			<wfw:commentRss>http://satishgaudo.com/satblog/2009/06/14/function-to-check-for-valid-date/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
