<?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>Vision Master Designs &#187; Spinner</title>
	<atom:link href="http://visionmasterdesigns.com/tag/spinner/feed/" rel="self" type="application/rss+xml" />
	<link>http://visionmasterdesigns.com</link>
	<description>Just another WordPress weblog</description>
	<lastBuildDate>Mon, 02 Aug 2010 12:09:29 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Tutorial : Overlay a AJAX Spinner in the center of Web Page using Prototype</title>
		<link>http://visionmasterdesigns.com/tutorial-adding-a-ajax-spinner-in-the-center-of-web-page-using-prototype/</link>
		<comments>http://visionmasterdesigns.com/tutorial-adding-a-ajax-spinner-in-the-center-of-web-page-using-prototype/#comments</comments>
		<pubDate>Mon, 23 Feb 2009 11:51:52 +0000</pubDate>
		<dc:creator>Michael</dc:creator>
				<category><![CDATA[Ajax]]></category>
		<category><![CDATA[Javascript Frameworks]]></category>
		<category><![CDATA[Prototype, Script.aculo.us]]></category>
		<category><![CDATA[Prototype]]></category>
		<category><![CDATA[Script.aculo.us]]></category>
		<category><![CDATA[Spinner]]></category>

		<guid isPermaLink="false">http://visionmasterdesigns.com/?p=1063</guid>
		<description><![CDATA[This tutorial is specially for beginners who are wondering how to place an AJAX Spinner. Its very simple guys. Just read below to find out. To those people who have wondered how to show the spinner image + loading message when any ajax request is made and to hide the spinner image + loading message [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin: 0 0 0.6em 0.6em;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fvisionmasterdesigns.com%2Ftutorial-adding-a-ajax-spinner-in-the-center-of-web-page-using-prototype%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fvisionmasterdesigns.com%2Ftutorial-adding-a-ajax-spinner-in-the-center-of-web-page-using-prototype%2F&amp;source=rowoot&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>This tutorial is specially for beginners who are wondering how to place an AJAX Spinner. Its very simple guys. Just read below to find out.</p>
<p>To those people who have wondered how to show the spinner image + loading message when any ajax request is made and to hide the spinner image + loading message when the request is successfully completed, this tutorial will help you out in achieving it and also teaches you how to show this loading box in the center of the browser screen and grey out the background contents with cool fade effects.</p>
<h3>Index :</h3>
<ul>
<li>Page 1 : <a href="http://visionmasterdesigns.com/tutorial-adding-a-ajax-spinner-in-the-center-of-web-page-using-prototype/2/">Introduction</a></li>
<li>Page 2 : <a href="http://visionmasterdesigns.com/tutorial-adding-a-ajax-spinner-in-the-center-of-web-page-using-prototype/2/">Required HTML/Javascript Code/CSS</a></li>
<li>Page 3 : <a href="http://visionmasterdesigns.com/tutorial-adding-a-ajax-spinner-in-the-center-of-web-page-using-prototype/3/">Complete Code of Demo</a></li>
</ul>
<h3>Pre-Requisites :</h3>
<p>A little bit of CSS,HTML knowledge and know-how of Prototype, Scriptaculous.</p>
<p><span id="more-1063"></span></p>
<h3>Source/Demo :</h3>
<div style="margin: 0pt auto; text-align: center; width: 320px;"><a href="http://www.visionmasterdesigns.com/demo/spinner/" target="_blank"><br />
<img style="margin-right:10px;" src="http://visionmasterdesigns.com/wordpress/wp-content/themes/VMD3/images/demo.jpg" border="0" alt="View Demo" width="147" height="72" /></a><a href="http://www.visionmasterdesigns.com/demo/spinner/spinner-source.zip"><img src="http://visionmasterdesigns.com/wordpress/wp-content/themes/VMD3/images/source.jpg" border="0" alt="Download Source" width="147" height="72" /></a></div>
]]></content:encoded>
			<wfw:commentRss>http://visionmasterdesigns.com/tutorial-adding-a-ajax-spinner-in-the-center-of-web-page-using-prototype/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
	</channel>
</rss>
