<?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>Expressing IT &#187; Range Slider</title>
	<atom:link href="http://developer.expressionz.in/blogs/tag/range-slider/feed/" rel="self" type="application/rss+xml" />
	<link>http://developer.expressionz.in/blogs</link>
	<description>User Interface : just another, but a serious developers weblog</description>
	<lastBuildDate>Thu, 20 May 2010 18:05:48 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Mootools Slider With Two Knobs (Double Pinned Slider) with Range Indicator</title>
		<link>http://developer.expressionz.in/blogs/2008/10/24/mootools-slider-with-two-knobs-double-pinned-slider-with-range-indicator/</link>
		<comments>http://developer.expressionz.in/blogs/2008/10/24/mootools-slider-with-two-knobs-double-pinned-slider-with-range-indicator/#comments</comments>
		<pubDate>Fri, 24 Oct 2008 08:35:23 +0000</pubDate>
		<dc:creator>Nikhil</dc:creator>
				<category><![CDATA[Downloads]]></category>
		<category><![CDATA[UI Components]]></category>
		<category><![CDATA[Mootools]]></category>
		<category><![CDATA[Range Slider]]></category>

		<guid isPermaLink="false">http://developer.expressionz.in/blogs/?p=43</guid>
		<description><![CDATA[I had been looking for a double pinned slider (slider with two knobs , minimum and maximum) using mootools. The only problem was that all the sliders i found , dint have the selected range marker. I did find a  well done double pinned slider in the mootools forum. Finally! I decided to  create my own.]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; margin-right: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fdeveloper.expressionz.in%2Fblogs%2F2008%2F10%2F24%2Fmootools-slider-with-two-knobs-double-pinned-slider-with-range-indicator%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fdeveloper.expressionz.in%2Fblogs%2F2008%2F10%2F24%2Fmootools-slider-with-two-knobs-double-pinned-slider-with-range-indicator%2F&amp;source=nikhild&amp;style=normal&amp;hashtags=Downloads,Mootools,Range+Slider" height="61" width="50" /><br />
			</a>
		</div>
<p>I had been looking for a double pinned slider (slider with two knobs , minimum and maximum) using mootools. Though , I did find a few  well done double pinned slider in the mootools forum, The only problem was that all these sliders  dint have the selected range marker.  Finally! I decided to  create my own. Well! I did use the original code  and modify it to have a slider background that indicated the range selected visually, as in my example below. The BLUE areas indicates the range of value chosen.</p>
<p><a href="http://developer.expressionz.in/downloads/mootools_double_pinned_slider_with_clipped_gutter_image_v2.2/slider_using_mootols_1.2.html" target="_blank"><strong>View Version 2.2 Demo </strong></a>| <strong><a href="http://developer.expressionz.in/blogs/wp-content/plugins/download-monitor/download.php?id=12">Download Mootools Double Pinned Slider Version 2.2</a> (Downloaded 4347 times)</strong><br />
<img src="http://developer.expressionz.in/images/mootools_slider.gif" alt="mootools double pinned slider" width="463" height="221" /></p>
<p>You can very easily change the look and feel of the  range indicator ( in blue in the above example), slider knob, the slider track by modifying the slider.css as required.</p>
<p>Do drop me a comment if you find it useful.</p>
]]></content:encoded>
			<wfw:commentRss>http://developer.expressionz.in/blogs/2008/10/24/mootools-slider-with-two-knobs-double-pinned-slider-with-range-indicator/feed/</wfw:commentRss>
		<slash:comments>60</slash:comments>
		</item>
	</channel>
</rss>
