<?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>Tutorials, Scripts, Technology and Interview Tips &#187; Jquery</title>
	<atom:link href="http://mistonline.in/wp/technology/jquery/feed/" rel="self" type="application/rss+xml" />
	<link>http://mistonline.in/wp</link>
	<description>The One Stop Reference For Web Developers</description>
	<lastBuildDate>Tue, 24 Jan 2012 13:59:37 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
		<item>
		<title>Change webpage title dynamically using jquery</title>
		<link>http://mistonline.in/wp/change-webpage-title-dynamically-using-jquery/</link>
		<comments>http://mistonline.in/wp/change-webpage-title-dynamically-using-jquery/#comments</comments>
		<pubDate>Fri, 18 Nov 2011 16:33:22 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Jquery]]></category>
		<category><![CDATA[scripts]]></category>

		<guid isPermaLink="false">http://mistonline.in/wp/?p=1588</guid>
		<description><![CDATA[This is a simple script that will change the webpage title dynamically using jquery. Customize it according to your requirement.Jquery knowledge is essential to understand the code below. Any doubts do get back to me Happy Coding!!!! &#60;title&#62;Title changing script:Mistonline.in, Webpage before clicking below&#60;/title&#62; &#60;script type=&#34;text/javascript&#34; src=&#34;http://demo.mistonline.in/jquery-1.2.3.min.js&#34;&#62;&#60;/script&#62; &#60;script type=&#34;text/javascript&#34;&#62; $(document).ready(function() { $(&#34;p&#34;).click(function(){ document.title = 'New [...]]]></description>
		<wfw:commentRss>http://mistonline.in/wp/change-webpage-title-dynamically-using-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Zoom in and zoom out image using jquery</title>
		<link>http://mistonline.in/wp/zoom-in-and-zoom-out-image-using-jquery/</link>
		<comments>http://mistonline.in/wp/zoom-in-and-zoom-out-image-using-jquery/#comments</comments>
		<pubDate>Wed, 16 Nov 2011 15:10:25 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Jquery]]></category>
		<category><![CDATA[scripts]]></category>

		<guid isPermaLink="false">http://mistonline.in/wp/?p=1581</guid>
		<description><![CDATA[This scripts demonstrates how to Zoom in and zoom out image using jquery when you move mouse over the image. &#60;title&#62;Move mouse on image to Zoom In and Zoom Out&#60;/title&#62; &#60;script type=&#34;text/javascript&#34; src=&#34;http://demo.mistonline.in/jquery-1.2.3.min.js&#34;&#62;&#60;/script&#62; &#60;script type=&#34;text/javascript&#34;&#62; $(document).ready(function(){ $('#img_car').width(200); $('#img_car').mouseover(function() { $(this).css(&#34;cursor&#34;,&#34;pointer&#34;); $(this).animate({width: &#34;360px&#34;}, 'slow'); }); $('#img_car').mouseout(function() { $(this).animate({width: &#34;200px&#34;}, 'slow'); }); }); &#60;/script&#62; &#60;h1&#62;Move mouse on [...]]]></description>
		<wfw:commentRss>http://mistonline.in/wp/zoom-in-and-zoom-out-image-using-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Create an animated button using jquery</title>
		<link>http://mistonline.in/wp/create-an-animated-button-using-jquery/</link>
		<comments>http://mistonline.in/wp/create-an-animated-button-using-jquery/#comments</comments>
		<pubDate>Mon, 11 Jul 2011 06:30:47 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Jquery]]></category>

		<guid isPermaLink="false">http://mistonline.in/wp/?p=1463</guid>
		<description><![CDATA[This tutorial will help you in creating a animated submit button or similar using jquery.Here is the code. &#60;script type=&#34;text/javascript&#34; src=&#34;http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js&#34;&#62;&#60;/script&#62; &#60;script language=&#34;JavaScript&#34;&#62; $(document).ready(function(){ $('#login_btn').click(function() { startAnimation(); }); function startAnimation () { document.getElementById('login_btn').disabled = 'true'; var b = [&#34;.&#34;, &#34;..&#34;, &#34;...&#34;, &#34;....&#34;, &#34;.....&#34;,&#34;......&#34;,&#34;.......&#34;,&#34;........&#34;,&#34;.........&#34;,&#34;..........&#34;,&#34;...........&#34;,&#34;............&#34;,&#34;.............&#34;,&#34;.&#34;, &#34;..&#34;, &#34;...&#34;, &#34;....&#34;, &#34;.....&#34;,&#34;......&#34;,&#34;.......&#34;,&#34;........&#34;,&#34;.........&#34;,&#34;..........&#34;,&#34;...........&#34;,&#34;............&#34;,&#34;.............&#34;,&#34;.&#34;, &#34;..&#34;, &#34;...&#34;, &#34;....&#34;, &#34;.....&#34;,&#34;......&#34;,&#34;.......&#34;,&#34;........&#34;,&#34;.........&#34;,&#34;..........&#34;,&#34;...........&#34;,&#34;............&#34;,&#34;.............&#34;,&#34;.&#34;, &#34;..&#34;, &#34;...&#34;, &#34;....&#34;, &#34;.....&#34;,&#34;......&#34;,&#34;.......&#34;,&#34;........&#34;,&#34;.........&#34;,&#34;..........&#34;,&#34;...........&#34;,&#34;............&#34;,&#34;.............&#34;,&#34;.&#34;, [...]]]></description>
		<wfw:commentRss>http://mistonline.in/wp/create-an-animated-button-using-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Ajax and Jquery</title>
		<link>http://mistonline.in/wp/ajax-and-jquery/</link>
		<comments>http://mistonline.in/wp/ajax-and-jquery/#comments</comments>
		<pubDate>Tue, 07 Jun 2011 19:00:24 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Ajax]]></category>
		<category><![CDATA[Jquery]]></category>

		<guid isPermaLink="false">http://mistonline.in/wp/?p=1457</guid>
		<description><![CDATA[This is a simple script which uses JQUERY to easily collect data from another webpage using asynchronous data collection method [AJAX]. Here the page loads another content without reloading the entire webpage. It loads data in to a div tag using AJAX. Here is the script &#60;html&#62; &#60;head&#62; &#60;script type=&#34;text/javascript&#34; src=&#34;http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js&#34;&#62;&#60;/script&#62; &#60;script type=&#34;text/javascript&#34;&#62; $(document).ready(function(){ $(&#34;#data_call_display&#34;).ajaxStart(function(){ [...]]]></description>
		<wfw:commentRss>http://mistonline.in/wp/ajax-and-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Simple jquery image slider</title>
		<link>http://mistonline.in/wp/simple-jquery-image-slider/</link>
		<comments>http://mistonline.in/wp/simple-jquery-image-slider/#comments</comments>
		<pubDate>Wed, 22 Dec 2010 19:03:22 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Jquery]]></category>

		<guid isPermaLink="false">http://mistonline.in/wp/?p=1185</guid>
		<description><![CDATA[This is just an easy to use image slider for your webpage.We use jCarousel which is a jQuery plugin for controlling a list of items in horizontal or vertical order. The items, which can be static HTML content or loaded with (or without) AJAX, can be scrolled back and forth (with or without animation)..Just copy [...]]]></description>
		<wfw:commentRss>http://mistonline.in/wp/simple-jquery-image-slider/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Simple page flip effect using Jquery, css and simple html</title>
		<link>http://mistonline.in/wp/simple-page-flip-effect-using-jquery-css-and-simple-html/</link>
		<comments>http://mistonline.in/wp/simple-page-flip-effect-using-jquery-css-and-simple-html/#comments</comments>
		<pubDate>Wed, 17 Nov 2010 17:21:01 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Css]]></category>
		<category><![CDATA[JavaScripts]]></category>
		<category><![CDATA[Jquery]]></category>
		<category><![CDATA[Html]]></category>
		<category><![CDATA[javascript]]></category>

		<guid isPermaLink="false">http://mistonline.in/wp/?p=1077</guid>
		<description><![CDATA[Simple page flip effect using Jquery, css and simple html, very easy to implement just copy paste the code below This is the javascript part enter it inside the &#8230; section of your website. &#60;script type=&#34;text/javascript&#34; src=&#34;http://code.jquery.com/jquery-latest.js&#34;&#62;&#60;/script&#62; &#60;script type=&#34;text/javascript&#34;&#62; $(document).ready(function(){ //Page Flip on hover $(&#34;#flipthepage&#34;).hover(function() { $(&#34;#flipthepage img , .msg_block&#34;).stop() .animate({ width: '307px', height: '319px' [...]]]></description>
		<wfw:commentRss>http://mistonline.in/wp/simple-page-flip-effect-using-jquery-css-and-simple-html/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Get youtube video screenshot using jquery</title>
		<link>http://mistonline.in/wp/get-youtube-video-screenshot-using-jquery/</link>
		<comments>http://mistonline.in/wp/get-youtube-video-screenshot-using-jquery/#comments</comments>
		<pubDate>Mon, 01 Nov 2010 15:37:09 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Jquery]]></category>

		<guid isPermaLink="false">http://mistonline.in/wp/?p=1054</guid>
		<description><![CDATA[This is yet another script using jquery to get the Youtube video screenshot &#60;html&#62; &#60;head&#62; &#60;script src=&#34;http://mistonline.in/wp/demo/jquery-1.2.3.min.js&#34;&#62;&#60;/script&#62; &#60;title&#62;Mistonline.in , Youtube Screenshot Demo&#60;/title&#62; &#60;script type=&#34;text/javascript&#34;&#62; //script from Mistonline.in (Please dont remove this line) (function($){ $.extend({ jYoutube: function( url, size ){ if(url === null){ return &#34;&#34;; } size = (size === null) ? &#34;big&#34; : size; var [...]]]></description>
		<wfw:commentRss>http://mistonline.in/wp/get-youtube-video-screenshot-using-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Random images per day using javascript and jquery</title>
		<link>http://mistonline.in/wp/random-images-per-day-using-javascript-and-jquery/</link>
		<comments>http://mistonline.in/wp/random-images-per-day-using-javascript-and-jquery/#comments</comments>
		<pubDate>Sun, 31 Oct 2010 07:36:58 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[JavaScripts]]></category>
		<category><![CDATA[Jquery]]></category>
		<category><![CDATA[javascript]]></category>

		<guid isPermaLink="false">http://mistonline.in/wp/?p=1050</guid>
		<description><![CDATA[This script shows how to display random pics or images depending upon the day.This script use simple javascript approach along with jquery. &#60;head&#62; &#60;script type=&#34;text/javascript&#34; src=&#34;http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js&#34;&#62;&#60;/script&#62; &#60;style type=&#34;text/css&#34;&#62; body { background: #000; color: #ddd; margin: 20px auto; text-align: center; } h1 { color: #fc0; text-align: center; } img { margin: 0 auto; } &#60;/style&#62; &#60;body&#62; [...]]]></description>
		<wfw:commentRss>http://mistonline.in/wp/random-images-per-day-using-javascript-and-jquery/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Animated information box using simple jquery</title>
		<link>http://mistonline.in/wp/animated-information-box-using-simple-jquery/</link>
		<comments>http://mistonline.in/wp/animated-information-box-using-simple-jquery/#comments</comments>
		<pubDate>Tue, 19 Oct 2010 14:38:30 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Jquery]]></category>

		<guid isPermaLink="false">http://mistonline.in/wp/?p=1037</guid>
		<description><![CDATA[This tutorial is a very simple approach on how to create an information box using Jquery and some CSS styling. This is a very unique one and really an eye caching for the visitors of your site since the information box blinks accordingly before coming to a halt.This kind of approach really makes the visitors [...]]]></description>
		<wfw:commentRss>http://mistonline.in/wp/animated-information-box-using-simple-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Expand and collapse toggle div using jquery</title>
		<link>http://mistonline.in/wp/expand-and-collapse-toggle-div-using-jquery/</link>
		<comments>http://mistonline.in/wp/expand-and-collapse-toggle-div-using-jquery/#comments</comments>
		<pubDate>Sat, 20 Feb 2010 08:31:18 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Jquery]]></category>
		<category><![CDATA[Add new tag]]></category>
		<category><![CDATA[scripts]]></category>

		<guid isPermaLink="false">http://mistonline.in/wp/?p=476</guid>
		<description><![CDATA[This is a very simple tutorial on how to show and hide a division tag or Expand and collapse toggle div using simple jquery. &#60;script src=&#8221;http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js&#8221; type=&#8221;text/javascript&#8221;&#62;&#60;/script&#62; &#60;script type=&#8221;text/javascript&#8221;&#62; $(document).ready(function(){ $(&#8220;#butShowHideSlow&#8221;).click(function () { $(&#8220;#divShowHideSlow&#8221;).toggle(&#8220;slow&#8221;); }); }); &#60;/script&#62; &#60;button id=&#8221;butShowHideSlow&#8221;&#62;Click Me&#60;/button&#62; &#60;div style=&#8221;width:300px;height:47px; border: solid 1px black;background-color:white;text-align:center;&#8221; id=&#8221;divShowHideSlow&#8221;&#62;Div that hide and show slowly&#60;/div&#62; Check out the DEMO [...]]]></description>
		<wfw:commentRss>http://mistonline.in/wp/expand-and-collapse-toggle-div-using-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Load Another Webpage Content Using Simple Jquery</title>
		<link>http://mistonline.in/wp/load-another-webpage-content-using-simple-jquery/</link>
		<comments>http://mistonline.in/wp/load-another-webpage-content-using-simple-jquery/#comments</comments>
		<pubDate>Sat, 16 Jan 2010 06:26:45 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Jquery]]></category>

		<guid isPermaLink="false">http://mistonline.in/wp/?p=439</guid>
		<description><![CDATA[Guys here we are gonna see how we can load another webpage content using jquery, very simple to use. Code: 1. HTML Page Here is the code of &#8220;test.html&#8221; file &#60;head&#62; &#60;title&#62;Content Showing Script&#60;/title&#62; &#60;script type=&#8221;text/javascript&#8221; src=&#8221;jquery-1.2.6.js&#8221;&#62;&#60;/script&#62; &#60;script type=&#8221;text/javascript&#8221;&#62; function content() { $.ajax({ url : &#8220;getpage.php&#8221;, success : function (data) { $(&#8220;#content&#8221;).html(data); } }); } [...]]]></description>
		<wfw:commentRss>http://mistonline.in/wp/load-another-webpage-content-using-simple-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Slideshow using jquery</title>
		<link>http://mistonline.in/wp/slideshow-using-jquery/</link>
		<comments>http://mistonline.in/wp/slideshow-using-jquery/#comments</comments>
		<pubDate>Tue, 29 Dec 2009 18:01:53 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Jquery]]></category>

		<guid isPermaLink="false">http://mistonline.in/wp/?p=408</guid>
		<description><![CDATA[Just a simple slideshow using jquery &#60;div id="slideshow"&#62; &#60;img src="img/img1.jpg" alt="" class="active" /&#62; &#60;img src="img/img2.jpg" alt="" /&#62; &#60;img src="img/img3.jpg" alt="" /&#62; &#60;/div&#62; Now let’s use CSS to position the images on top of each other and bring the active image to the top level with z-index: #slideshow { position:relative; height:350px; } #slideshow IMG { position:absolute; top:0; [...]]]></description>
		<wfw:commentRss>http://mistonline.in/wp/slideshow-using-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Disable submit button on form submit</title>
		<link>http://mistonline.in/wp/disable-submit-button-on-form-submit/</link>
		<comments>http://mistonline.in/wp/disable-submit-button-on-form-submit/#comments</comments>
		<pubDate>Mon, 07 Dec 2009 14:39:06 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Jquery]]></category>
		<category><![CDATA[javascript]]></category>

		<guid isPermaLink="false">http://mistonline.in/wp/?p=404</guid>
		<description><![CDATA[Multiple form submission is one of the issues that a webmaster face during his development.So instead of writing a hardcore code in the server side.We can just validate a multiple submission using simple client side Jquery. Consider we have this HTML form in our code: &#60;form id=&#34;check&#34; action=&#34;someUrl.php&#34; method=&#34;get&#34;&#62; &#60;input name=&#34;username&#34; /&#62; &#60;!-- some more [...]]]></description>
		<wfw:commentRss>http://mistonline.in/wp/disable-submit-button-on-form-submit/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Jquery Basics, How to use jquery?</title>
		<link>http://mistonline.in/wp/jquery-basics-how-to-use-jquery/</link>
		<comments>http://mistonline.in/wp/jquery-basics-how-to-use-jquery/#comments</comments>
		<pubDate>Sat, 05 Dec 2009 07:28:13 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Jquery]]></category>
		<category><![CDATA[javascript]]></category>

		<guid isPermaLink="false">http://mistonline.in/wp/?p=402</guid>
		<description><![CDATA[Below are some basic examples of  Jquery and its feature. How to add jQuery to your website Installing You can download jquery.js file form jquery.com. &#60;script type=&#8221;text/javascript&#8221; src=&#8221;jquery.js&#8220;&#62;&#60;/script&#62; OR  Recommended  &#60;script type=&#8221;text/javascript&#8221; src=&#8221;http://ajax.googleapis.com/ajax/ libs/jquery/1.3.0/jquery.min.js&#8220;&#62;&#60;/script&#62; Jquery Code Generally used script run this when the HTML is all ready.  Live Demo &#60;script type=&#8221;text/javascript&#8220;&#62; $(document).ready(function() { alert(&#8216;Welcome to mistonline.in&#8216;); }); &#60;/script&#62; Similar as [...]]]></description>
		<wfw:commentRss>http://mistonline.in/wp/jquery-basics-how-to-use-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Replacing images with time intervals using jquery</title>
		<link>http://mistonline.in/wp/replacing-images-with-time-intervals-using-jquery/</link>
		<comments>http://mistonline.in/wp/replacing-images-with-time-intervals-using-jquery/#comments</comments>
		<pubDate>Wed, 25 Nov 2009 15:21:39 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Jquery]]></category>
		<category><![CDATA[javascript]]></category>

		<guid isPermaLink="false">http://mistonline.in/wp/?p=398</guid>
		<description><![CDATA[From today onwards i will be posting the jquery tutoials also, This post will show you how to replace one image with another one in specific time intervals. For example: replacing image1.jpg withimage2.jpg every 5 seconds. Guys if you are not aware of jquey and its feature.Dont worry i will be adding tutoials based on HOW [...]]]></description>
		<wfw:commentRss>http://mistonline.in/wp/replacing-images-with-time-intervals-using-jquery/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

