<?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>The CodeUnit of Craig &#187; jQuery</title>
	<atom:link href="http://www.codeunit.co.za/tag/jquery/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.codeunit.co.za</link>
	<description>Software, Code, Technology and Tutorials</description>
	<lastBuildDate>Mon, 06 Feb 2012 06:05:49 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>How to allow File Uploads when using jQuery Mobile</title>
		<link>http://www.codeunit.co.za/2011/12/16/how-to-allow-file-uploads-when-using-jquery-mobile/</link>
		<comments>http://www.codeunit.co.za/2011/12/16/how-to-allow-file-uploads-when-using-jquery-mobile/#comments</comments>
		<pubDate>Fri, 16 Dec 2011 06:30:04 +0000</pubDate>
		<dc:creator>Craig Lotter</dc:creator>
				<category><![CDATA[jQuery]]></category>
		<category><![CDATA[jQuery Mobile]]></category>
		<category><![CDATA[ajax]]></category>
		<category><![CDATA[data-ajax]]></category>
		<category><![CDATA[file upload]]></category>
		<category><![CDATA[form]]></category>
		<category><![CDATA[html 5]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[jquery mobile]]></category>
		<category><![CDATA[mobile]]></category>
		<category><![CDATA[mobile device]]></category>

		<guid isPermaLink="false">http://www.codeunit.co.za/?p=3241</guid>
		<description><![CDATA[<a href="http://www.codeunit.co.za/2011/12/16/how-to-allow-file-uploads-when-using-jquery-mobile/"><img align="left" hspace="5" width="150" height="150" src="http://www.codeunit.co.za/wp-content/uploads/2011/12/jquery-mobile-devices-150x150.jpg" class="alignleft tfe wp-post-image" alt="jquery-mobile-devices" title="jquery-mobile-devices" /></a>With the release of the powerful jQuery Mobile 1.0 framework, it is now becomes possible for pretty much anyone to crank out an uber slick HTML 5 website that looks like a &#8216;native app&#8217; on just about any mobile device. &#8230; <a href="http://www.codeunit.co.za/2011/12/16/how-to-allow-file-uploads-when-using-jquery-mobile/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
		<wfw:commentRss>http://www.codeunit.co.za/2011/12/16/how-to-allow-file-uploads-when-using-jquery-mobile/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery: Get the Text for a Currently Selected List Option instead of the Option Value</title>
		<link>http://www.codeunit.co.za/2011/11/11/jquery-get-the-text-for-a-currently-selected-list-option-instead-of-the-option-value/</link>
		<comments>http://www.codeunit.co.za/2011/11/11/jquery-get-the-text-for-a-currently-selected-list-option-instead-of-the-option-value/#comments</comments>
		<pubDate>Fri, 11 Nov 2011 04:00:44 +0000</pubDate>
		<dc:creator>Craig Lotter</dc:creator>
				<category><![CDATA[jQuery]]></category>
		<category><![CDATA[:selected]]></category>
		<category><![CDATA[dropdown list]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[option text]]></category>
		<category><![CDATA[option value]]></category>
		<category><![CDATA[select]]></category>
		<category><![CDATA[select list]]></category>

		<guid isPermaLink="false">http://www.codeunit.co.za/?p=3199</guid>
		<description><![CDATA[<a href="http://www.codeunit.co.za/2011/11/11/jquery-get-the-text-for-a-currently-selected-list-option-instead-of-the-option-value/"><img align="left" hspace="5" width="127" height="150" src="http://www.codeunit.co.za/wp-content/uploads/2010/06/jquery-girl-black-stretch-top-127x150.jpg" class="alignleft tfe wp-post-image" alt="jquery-girl-black-stretch-top" title="jquery-girl-black-stretch-top" /></a>If you develop websites and work with JavaScript, but have never heard of jQuery before, then it is probably best that you start reading up on it right now. After all, as they like to put it themselves, jQuery is &#8230; <a href="http://www.codeunit.co.za/2011/11/11/jquery-get-the-text-for-a-currently-selected-list-option-instead-of-the-option-value/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
		<wfw:commentRss>http://www.codeunit.co.za/2011/11/11/jquery-get-the-text-for-a-currently-selected-list-option-instead-of-the-option-value/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery: How to Bind a Hover Event</title>
		<link>http://www.codeunit.co.za/2011/11/04/jquery-how-to-bind-a-hover-event/</link>
		<comments>http://www.codeunit.co.za/2011/11/04/jquery-how-to-bind-a-hover-event/#comments</comments>
		<pubDate>Fri, 04 Nov 2011 04:00:30 +0000</pubDate>
		<dc:creator>Craig Lotter</dc:creator>
				<category><![CDATA[jQuery]]></category>
		<category><![CDATA[bind]]></category>
		<category><![CDATA[hover]]></category>
		<category><![CDATA[mouseout]]></category>
		<category><![CDATA[mouseover]]></category>

		<guid isPermaLink="false">http://www.codeunit.co.za/?p=3180</guid>
		<description><![CDATA[<a href="http://www.codeunit.co.za/2011/11/04/jquery-how-to-bind-a-hover-event/"><img align="left" hspace="5" width="127" height="150" src="http://www.codeunit.co.za/wp-content/uploads/2010/06/jquery-girl-black-stretch-top-127x150.jpg" class="alignleft tfe wp-post-image" alt="jquery-girl-black-stretch-top" title="jquery-girl-black-stretch-top" /></a>To bind a hover effect, in other words a mouse over and mouse out event that goes together, to an element using standard jQuery is remarkably simple. As with any other bind declaration in jQuery, you simply identify the class, &#8230; <a href="http://www.codeunit.co.za/2011/11/04/jquery-how-to-bind-a-hover-event/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
		<wfw:commentRss>http://www.codeunit.co.za/2011/11/04/jquery-how-to-bind-a-hover-event/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>PHP: How to Implement jQuery Autocomplete using a JSON datasource</title>
		<link>http://www.codeunit.co.za/2011/08/12/php-how-to-implement-jquery-autocomplete-using-a-json-datasource/</link>
		<comments>http://www.codeunit.co.za/2011/08/12/php-how-to-implement-jquery-autocomplete-using-a-json-datasource/#comments</comments>
		<pubDate>Fri, 12 Aug 2011 04:00:34 +0000</pubDate>
		<dc:creator>Craig Lotter</dc:creator>
				<category><![CDATA[jQuery]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[autocomplete]]></category>
		<category><![CDATA[datasource]]></category>
		<category><![CDATA[jquery ui]]></category>
		<category><![CDATA[jqueryui]]></category>
		<category><![CDATA[json]]></category>

		<guid isPermaLink="false">http://www.codeunit.co.za/?p=3050</guid>
		<description><![CDATA[<a href="http://www.codeunit.co.za/2011/08/12/php-how-to-implement-jquery-autocomplete-using-a-json-datasource/"><img align="left" hspace="5" width="127" height="150" src="http://www.codeunit.co.za/wp-content/uploads/2010/06/jquery-girl-black-stretch-top-127x150.jpg" class="alignleft tfe wp-post-image" alt="jquery-girl-black-stretch-top" title="jquery-girl-black-stretch-top" /></a>The jQuery UI library is really useful in that it packages a number of jQuery-driven interactions, widgets, effects and utilities into a single package, ready for smooth integration and even easier deployment. One of the many available widgets in the &#8230; <a href="http://www.codeunit.co.za/2011/08/12/php-how-to-implement-jquery-autocomplete-using-a-json-datasource/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
		<wfw:commentRss>http://www.codeunit.co.za/2011/08/12/php-how-to-implement-jquery-autocomplete-using-a-json-datasource/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>jQueryUI Datepicker Calendar Control Visible at the Bottom of the Page</title>
		<link>http://www.codeunit.co.za/2011/06/24/jqueryui-datepicker-calendar-control-visible-at-the-bottom-of-the-page/</link>
		<comments>http://www.codeunit.co.za/2011/06/24/jqueryui-datepicker-calendar-control-visible-at-the-bottom-of-the-page/#comments</comments>
		<pubDate>Fri, 24 Jun 2011 04:00:23 +0000</pubDate>
		<dc:creator>Craig Lotter</dc:creator>
				<category><![CDATA[jQuery]]></category>
		<category><![CDATA[bug]]></category>
		<category><![CDATA[bugfix]]></category>
		<category><![CDATA[calendar]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[datepicker]]></category>
		<category><![CDATA[jqueryui]]></category>

		<guid isPermaLink="false">http://www.codeunit.co.za/?p=2969</guid>
		<description><![CDATA[<a href="http://www.codeunit.co.za/2011/06/24/jqueryui-datepicker-calendar-control-visible-at-the-bottom-of-the-page/"><img align="left" hspace="5" width="150" height="150" src="http://www.codeunit.co.za/wp-content/uploads/2011/05/jqueryui-datepicker-calendar-control-150x150.jpg" class="alignleft tfe wp-post-image" alt="jqueryui-datepicker-calendar-control" title="jqueryui-datepicker-calendar-control" /></a>For some or other annoying reason, my jQueryUI datepicker controls start exhibiting a weird bug where on page load, the normally hidden control calender was appearing right at the bottom of the page. Clicking on the launch control would then bring up the calendar correctly, and on selection or unfocus would then hide it again correctly. So only on page load then.
 <a href="http://www.codeunit.co.za/2011/06/24/jqueryui-datepicker-calendar-control-visible-at-the-bottom-of-the-page/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
		<wfw:commentRss>http://www.codeunit.co.za/2011/06/24/jqueryui-datepicker-calendar-control-visible-at-the-bottom-of-the-page/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
	</channel>
</rss>

