<?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>Ajaxmint - Endless Ajax samples on jQuery, MooTools, ExtJS, Dojo, Prototype and PHP &#187; ajax</title>
	<atom:link href="http://ajaxmint.com/ajaxsamples/ajax/feed/" rel="self" type="application/rss+xml" />
	<link>http://ajaxmint.com</link>
	<description>Endless Ajax Resources</description>
	<lastBuildDate>Fri, 25 Nov 2011 19:14:56 +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>Creating jQuery Image Slider tutorial &#124; Object oriented way</title>
		<link>http://ajaxmint.com/2011/11/creating-jquery-image-slider-tutorial-object-oriented-way/</link>
		<comments>http://ajaxmint.com/2011/11/creating-jquery-image-slider-tutorial-object-oriented-way/#comments</comments>
		<pubDate>Fri, 25 Nov 2011 19:14:56 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[ajax]]></category>
		<category><![CDATA[jquery image slider]]></category>
		<category><![CDATA[object oriented image slider]]></category>
		<category><![CDATA[object oriented javascript]]></category>
		<category><![CDATA[oops jquery]]></category>
		<category><![CDATA[oops tutorial]]></category>

		<guid isPermaLink="false">http://ajaxmint.com/?p=1929</guid>
		<description><![CDATA[The purpose of this article is to demonstrate object-oriented design in JavaScript, by creating a jQuery powered image gallery script from scratch. Note that we are not creating a jQuery plugin, but simply using jQuery for DOM selection and manipulation. In the near future, this article might be updated to jQuery plugin version.]]></description>
			<content:encoded><![CDATA[<p>The purpose of this article is to demonstrate object-oriented design in JavaScript, by creating a jQuery powered image gallery script from scratch. Note that we are not creating a jQuery plugin, but simply using jQuery for DOM selection and manipulation. In the near future, this article might be updated to jQuery plugin version. <img class="size-medium wp-image-1930 aligncenter" title="object oriented jquery image slider tutorial" src="http://ajaxmint.com/wp-content/uploads/ajaxmint/2011/11/object-oriented-way-jquery-image-slider-450x140.jpg" alt="object oriented way jquery image slider" width="450" height="140" /></p>
]]></content:encoded>
			<wfw:commentRss>http://ajaxmint.com/2011/11/creating-jquery-image-slider-tutorial-object-oriented-way/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery Navigation Menu in various colors</title>
		<link>http://ajaxmint.com/2011/11/jquery-navigation-menu-in-various-colors/</link>
		<comments>http://ajaxmint.com/2011/11/jquery-navigation-menu-in-various-colors/#comments</comments>
		<pubDate>Sat, 19 Nov 2011 14:57:03 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[ajax]]></category>
		<category><![CDATA[color menu]]></category>
		<category><![CDATA[jquery menu]]></category>
		<category><![CDATA[navigatio menu]]></category>

		<guid isPermaLink="false">http://ajaxmint.com/?p=1923</guid>
		<description><![CDATA[jQuery Menu Features Full cross-browser compatibility Fully accessible even when javascript is turned off, as a pure css menu Search engines optimized&#8230;..etc]]></description>
			<content:encoded><![CDATA[<p>jQuery Menu Features<br />
Full cross-browser compatibility<br />
Fully accessible even when javascript is turned off, as a pure css menu<br />
Search engines optimized&#8230;..etc</p>
<p><img class="size-medium wp-image-1924 aligncenter" title="Jquery apmenu navigation menu" src="http://ajaxmint.com/wp-content/uploads/ajaxmint/2011/11/jquery-menu-450x156.jpg" alt="jauery menu navigation" width="450" height="156" /></p>
]]></content:encoded>
			<wfw:commentRss>http://ajaxmint.com/2011/11/jquery-navigation-menu-in-various-colors/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Change default theme to specified folder : CodeIgniter</title>
		<link>http://ajaxmint.com/2011/11/change-default-theme-folder-codeignitor/</link>
		<comments>http://ajaxmint.com/2011/11/change-default-theme-folder-codeignitor/#comments</comments>
		<pubDate>Thu, 03 Nov 2011 08:04:43 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[ajax]]></category>
		<category><![CDATA[codeigniter template path]]></category>
		<category><![CDATA[codeigniter theme]]></category>
		<category><![CDATA[codeigniter theme folder]]></category>
		<category><![CDATA[loader for theme folder]]></category>

		<guid isPermaLink="false">http://ajaxmint.com/?p=1914</guid>
		<description><![CDATA[I have started to work on new CodeIgniter project.  Its a theme based project, so I have created theme folder called &#8216;default&#8217; in &#8216;application/views&#8217;.  Now i have to call this view using my controller. In CodeIgniter I have to call login.php like $this-&#62;load-&#62;view(&#8216;default/login&#8217;); But why I have to type &#8216;default&#8217; every time.So I have created [...]]]></description>
			<content:encoded><![CDATA[<p>I have started to work on new CodeIgniter project.  Its a theme based project, so I have created theme folder called <strong>&#8216;default&#8217;</strong> in <strong>&#8216;application/views&#8217;</strong>.  Now i have to call this view using my controller. In CodeIgniter I have to call login.php like</p>
<blockquote><p>$this-&gt;load-&gt;view(&#8216;default/login&#8217;);</p></blockquote>
<p>But why I have to type &#8216;default&#8217; every time.So I have created this below file to simplify this.</p>
<p>Added line in config/definitions.php</p>
<blockquote><p>define(&#8216;THEME_DIR&#8217;,        &#8217;default&#8217;);</p></blockquote>
<p>and Created  New file [My_Loader.php] in  core directory with the blow contents</p>
<blockquote><p>&lt;?php</p>
<p>class MY_Loader extends CI_Loader<br />
{<br />
public function view($view, $vars = array(), $return = FALSE)<br />
{</p>
<p>return parent::view(THEME_DIR.&#8217;/&#8217;.$view, $vars , $return );</p>
<p>}</p>
<p>}</p></blockquote>
<p style="text-align: left;">Now you can call using the below simple line with out &#8216;detault&#8217; text.</p>
<blockquote><p>$this-&gt;load-&gt;view(&#8216;login&#8217;);</p></blockquote>
<p>Hope this helps to some one&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://ajaxmint.com/2011/11/change-default-theme-folder-codeignitor/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Beautiful Slide Out Navigation &#124; jquery plugin</title>
		<link>http://ajaxmint.com/2011/10/beautiful-slide-out-navigation-revised-jquery-plugin/</link>
		<comments>http://ajaxmint.com/2011/10/beautiful-slide-out-navigation-revised-jquery-plugin/#comments</comments>
		<pubDate>Mon, 17 Oct 2011 17:49:36 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[ajax]]></category>
		<category><![CDATA[beautiful jquery]]></category>
		<category><![CDATA[beautiful navigation]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[navigation]]></category>
		<category><![CDATA[slide-out]]></category>

		<guid isPermaLink="false">http://ajaxmint.com/?p=1909</guid>
		<description><![CDATA[After I got a lot of feedback for the Beautiful Slide Out Navigation, I had some new ideas for a similar horizontal navigation. Thanks a lot to everyone! Like Stefan Mateipointed out, it might be quite cute but we don’t want the user to hover over all options first, in order to see what menu [...]]]></description>
			<content:encoded><![CDATA[<p>After I got a lot of feedback for the <a href="http://tympanus.net/codrops/2009/11/30/beautiful-slide-out-navigation-a-css-and-jquery-tutorial/" target="_blank">Beautiful Slide Out Navigation</a>, I had some new ideas for a similar horizontal navigation. Thanks a lot to everyone!</p>
<p>Like <a href="http://www.vileworks.com/">Stefan Matei</a>pointed out, it might be quite cute but we don’t want the user to hover over all options first, in order to see what menu items exit. So, I thought about labeling the menu items and making them stick out, so the user can always “see” what the navigation entails. Being in a horizontal position makes everything readable and when the user hovers over the label, the rest of the item with the icon will slide out.</p>
<div id="attachment_1910" class="wp-caption aligncenter" style="width: 460px"><img class="size-medium wp-image-1910" title="Beautiful Slide Out Navigation" src="http://ajaxmint.com/wp-content/uploads/ajaxmint/2011/10/Beautiful-Slide-Out-Navigation-450x71.jpg" alt="Beautiful Slide Out Navigation" width="450" height="71" /><p class="wp-caption-text">Beautiful Slide Out Navigation</p></div>
]]></content:encoded>
			<wfw:commentRss>http://ajaxmint.com/2011/10/beautiful-slide-out-navigation-revised-jquery-plugin/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Bubble Up Button &#124; jQuery plugin</title>
		<link>http://ajaxmint.com/2011/05/bubble-up-button-jquery-plugin/</link>
		<comments>http://ajaxmint.com/2011/05/bubble-up-button-jquery-plugin/#comments</comments>
		<pubDate>Tue, 03 May 2011 18:35:34 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[ajax]]></category>
		<category><![CDATA[bubble button]]></category>
		<category><![CDATA[bubble-up]]></category>
		<category><![CDATA[button]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[jquery plugin]]></category>
		<category><![CDATA[learning jquery]]></category>

		<guid isPermaLink="false">http://ajaxmint.com/?p=1885</guid>
		<description><![CDATA[There are many posts available detailing how to write your own jQuery plugin. It won’t take long before you realize that building in jQuery is very simple. Continuing in our jQuery Learning Series, here we’re going to build your first jQuery plugin. It’ll generate a bubble effect for your menu list and we’re going to [...]]]></description>
			<content:encoded><![CDATA[<p>There are many posts available detailing how to write your own jQuery  plugin. It won’t take long before you realize that building in jQuery is  very simple. Continuing in our jQuery Learning Series, here we’re going  to build your first jQuery plugin. It’ll generate a bubble effect for  your menu list and we’re going to call it BubbleUP.<img class="aligncenter size-medium wp-image-1886" title="bubble-up-jquery" src="http://ajaxmint.com/wp-content/uploads/ajaxmint/2011/05/bubble-up-jquery-450x180.jpg" alt="bubble up jquery plugin" width="450" height="180" /></p>
]]></content:encoded>
			<wfw:commentRss>http://ajaxmint.com/2011/05/bubble-up-button-jquery-plugin/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Animated Share Button &#124; jQuery</title>
		<link>http://ajaxmint.com/2011/04/animated-share-button-jquery/</link>
		<comments>http://ajaxmint.com/2011/04/animated-share-button-jquery/#comments</comments>
		<pubDate>Sun, 10 Apr 2011 07:14:51 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[ajax]]></category>
		<category><![CDATA[animated share button]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[social networks]]></category>

		<guid isPermaLink="false">http://ajaxmint.com/?p=1878</guid>
		<description><![CDATA[Social networks can make a big difference on the popularity of a blog. Sites that communicate better and understand social media are usually the most popular. A move towards this goal would be to find a way to encourage your visitors to share your content on the networks they are most active on.]]></description>
			<content:encoded><![CDATA[<p>Social networks can make a big difference on the popularity of a  blog. Sites that communicate better and understand social media are  usually the most popular.</p>
<p>A move towards this goal would be to find a way to encourage your  visitors to share your content on the networks they are most active on.</p>
<p><a href="http://tutorialzine.com/2009/12/animated-share-buttons-jquery-css/"><img class="aligncenter size-medium wp-image-1879" title="animated-share-button" src="http://ajaxmint.com/wp-content/uploads/ajaxmint/2011/04/animated-share-button-450x180.jpg" alt="animated share button,jquery" width="450" height="180" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://ajaxmint.com/2011/04/animated-share-button-jquery/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Interactive Map &#124; jQuery</title>
		<link>http://ajaxmint.com/2011/04/interactive-map-jquery/</link>
		<comments>http://ajaxmint.com/2011/04/interactive-map-jquery/#comments</comments>
		<pubDate>Sat, 09 Apr 2011 10:28:59 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[ajax]]></category>
		<category><![CDATA[animation]]></category>
		<category><![CDATA[flash map]]></category>
		<category><![CDATA[interactive]]></category>
		<category><![CDATA[interactive map]]></category>
		<category><![CDATA[jquery]]></category>

		<guid isPermaLink="false">http://ajaxmint.com/?p=1874</guid>
		<description><![CDATA[To make the map as engaging as possible, there needed to be smooth animations and crisp graphics.  Traditionally such a project would require the use of Flash. We try to avoid Flash whenever possible, so I began to consider how the project could be accomplished in jQuery.]]></description>
			<content:encoded><![CDATA[<p>To make the map as engaging as possible, there needed to be smooth  animations and crisp graphics.  Traditionally such a project would  require the use of Flash. We try to avoid Flash whenever possible, so I  began to consider how the project could be accomplished in jQuery.</p>
<div id="attachment_1875" class="wp-caption aligncenter" style="width: 460px"><a href="http://www.gethifi.com/blog/jquery-vs-flash-for-interactive-map"><img class="size-medium wp-image-1875" title="interactive-map-jquery" src="http://ajaxmint.com/wp-content/uploads/ajaxmint/2011/04/interactive-map-jquery-450x180.jpg" alt="" width="450" height="180" /></a><p class="wp-caption-text">interactive map</p></div>
]]></content:encoded>
			<wfw:commentRss>http://ajaxmint.com/2011/04/interactive-map-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Fabulous jquery image slider &#124; nivo slider</title>
		<link>http://ajaxmint.com/2010/09/fabulous-jquery-image-slider-nivo-slider/</link>
		<comments>http://ajaxmint.com/2010/09/fabulous-jquery-image-slider-nivo-slider/#comments</comments>
		<pubDate>Mon, 20 Sep 2010 18:30:28 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[ajax]]></category>
		<category><![CDATA[animation effect]]></category>
		<category><![CDATA[image slider]]></category>
		<category><![CDATA[jquery slider]]></category>
		<category><![CDATA[nivo slider]]></category>

		<guid isPermaLink="false">http://ajaxmint.com/?p=1870</guid>
		<description><![CDATA[9 unique transition effects Simple clean &#38; valid markup Loads of settings to tweak Built in directional and control navigation Packed version only weighs 7kb Supports linking images Keyboard Navigation HTML Captions]]></description>
			<content:encoded><![CDATA[<ul>
<li>9 unique transition effects</li>
<li>Simple clean &amp; valid markup</li>
<li>Loads of settings to tweak</li>
<li>Built in directional and control navigation</li>
<li>Packed version only weighs 7kb</li>
<li>Supports linking images</li>
<li>Keyboard Navigation</li>
<li>HTML Captions</li>
</ul>
<p><a href="http://nivo.dev7studios.com/"><img class="aligncenter size-medium wp-image-1871" title="jquery slider" src="http://ajaxmint.com/wp-content/uploads/ajaxmint/2010/09/jqueryslider-450x211.png" alt="" width="450" height="211" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://ajaxmint.com/2010/09/fabulous-jquery-image-slider-nivo-slider/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>dhtmlxChart &#8211; Pure JavaScript Charts</title>
		<link>http://ajaxmint.com/2010/09/dhtmlxchart-pure-javascript-charts/</link>
		<comments>http://ajaxmint.com/2010/09/dhtmlxchart-pure-javascript-charts/#comments</comments>
		<pubDate>Wed, 15 Sep 2010 04:16:38 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[ajax]]></category>
		<category><![CDATA[bar]]></category>
		<category><![CDATA[chart]]></category>
		<category><![CDATA[csv]]></category>
		<category><![CDATA[dhtml]]></category>
		<category><![CDATA[dynamic chart]]></category>
		<category><![CDATA[js array]]></category>
		<category><![CDATA[js chart]]></category>
		<category><![CDATA[json]]></category>
		<category><![CDATA[pie]]></category>
		<category><![CDATA[plain 3d]]></category>
		<category><![CDATA[xml]]></category>

		<guid isPermaLink="false">http://ajaxmint.com/?p=1867</guid>
		<description><![CDATA[dhtmlxCharts are cross-browser, dynamic charts written in pure JavaScript. The component allows you to generate customizable Ajax charts from a variety of datasources: XML, JSON, JS array, or CSV. It supports the most common chart types: bar, pie (plain or 3D), and line graphs.]]></description>
			<content:encoded><![CDATA[<p>dhtmlxCharts are cross-browser, dynamic charts written in pure  JavaScript. The component allows you to generate customizable Ajax  charts from a variety of datasources: XML, JSON, JS array, or CSV. It  supports the most common chart types: bar, pie (plain or 3D), and line  graphs.</p>
<p><img class="aligncenter size-medium wp-image-1868" title="dhtmlchart javascript chart" src="http://ajaxmint.com/wp-content/uploads/ajaxmint/2010/09/dhtmlchart-javascript-chart-450x124.jpg" alt="dhtmlchart javascript chart, js chart, dynamic chart" width="450" height="124" /></p>
]]></content:encoded>
			<wfw:commentRss>http://ajaxmint.com/2010/09/dhtmlxchart-pure-javascript-charts/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Easy Gallery for jQuery</title>
		<link>http://ajaxmint.com/2010/08/easy-gallery-for-jquery/</link>
		<comments>http://ajaxmint.com/2010/08/easy-gallery-for-jquery/#comments</comments>
		<pubDate>Wed, 18 Aug 2010 15:48:45 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[ajax]]></category>
		<category><![CDATA[gallery]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[jquery code]]></category>
		<category><![CDATA[js code]]></category>
		<category><![CDATA[slider html code]]></category>

		<guid isPermaLink="false">http://ajaxmint.com/?p=1864</guid>
		<description><![CDATA[An easy jquery image gallery slider. Simple code and simple HTML code. Simple as: including the script to your web page. add this code: &#60;&#60; $(&#8220;#galleryID&#8221;).egallery(); &#62;&#62;]]></description>
			<content:encoded><![CDATA[<p>An easy jquery image gallery slider. Simple code and simple HTML code.<br />
Simple as:</p>
<ul>
<li>including the script to your web page.</li>
<li>add this code: &lt;&lt; $(&#8220;#galleryID&#8221;).egallery(); &gt;&gt;</li>
<li><img class="aligncenter size-medium wp-image-1863" title="gallery-images" src="http://ajaxmint.com/wp-content/uploads/ajaxmint/2010/08/gallery-images-450x85.jpg" alt="" width="450" height="85" /></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://ajaxmint.com/2010/08/easy-gallery-for-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

