<?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>Emposha &#187; fancy</title>
	<atom:link href="http://www.emposha.com/tag/fancy/feed" rel="self" type="application/rss+xml" />
	<link>http://www.emposha.com</link>
	<description>Just another stupid wordpress blog ;)</description>
	<lastBuildDate>Tue, 25 May 2010 06:38:46 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>fcbkListSelection v 1.1 &#8211; like facebook friends selector</title>
		<link>http://www.emposha.com/javascript/fcbklistselection-like-facebook-friends-selector.html</link>
		<comments>http://www.emposha.com/javascript/fcbklistselection-like-facebook-friends-selector.html#comments</comments>
		<pubDate>Wed, 19 Nov 2008 20:12:48 +0000</pubDate>
		<dc:creator>emposha</dc:creator>
				<category><![CDATA[Featured Articles]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Jquery]]></category>
		<category><![CDATA[Facebook]]></category>
		<category><![CDATA[fancy]]></category>
		<category><![CDATA[multiselect]]></category>

		<guid isPermaLink="false">http://www.emposha.com/?p=109</guid>
		<description><![CDATA[fcbkListSelection  &#8211; fancy item selector (like facebook friends selector) with wide range of options.

If you have any comments or requests, please post them and I will try to include all the requested features in the upcoming release.
HowTo:
1) HTML stracture:
&#60;ul id="ulid"&#62;
&#60;li&#62;regular content &#60;input type="hidden" value="value" /&#62;&#60;/li&#62;
&#60;li&#62;preselected content &#60;input type="hidden" value="value" checked="checked" /&#62;&#60;/li&#62;
&#60;li&#62;regular content &#60;input type="hidden" [...]]]></description>
			<content:encoded><![CDATA[<p>fcbkListSelection  &#8211; fancy item selector (like facebook friends selector) with wide range of options.</p>
<p style="text-align: center;"><a href="http://www.emposha.com/wp-content/uploads/2008/11/fcbklist.png"><img class="alignnone size-medium wp-image-113" title="fcbklist" src="http://www.emposha.com/wp-content/uploads/2008/11/fcbklist-300x150.png" border="0" alt="" width="300" height="150" /></a></p>
<p>If you have any comments or requests, please post them and I will try to include all the requested features in the upcoming release.</p>
<p><strong>HowTo:</strong></p>
<p>1) HTML stracture:</p>
<blockquote><p><code><span style="color: black;"><span style="color: #0000ff;">&lt;</span><span style="color: #800000;">ul</span> <span style="color: #ff0000;">id</span><span style="color: #0000ff;">="ulid"</span><span style="color: #0000ff;">&gt;</span><br />
<span style="color: #0000ff;">&lt;</span><span style="color: #800000;">li</span><span style="color: #0000ff;">&gt;</span>regular content <span style="color: #0000ff;">&lt;</span><span style="color: #800000;">input</span> <span style="color: #ff0000;">type</span><span style="color: #0000ff;">="hidden"</span> <span style="color: #ff0000;">value</span><span style="color: #0000ff;">="value"</span> <span style="color: #0000ff;">/&gt;&lt;/</span><span style="color: #800000;">li</span><span style="color: #0000ff;">&gt;</span><br />
<span style="color: #0000ff;">&lt;</span><span style="color: #800000;">li</span><span style="color: #0000ff;">&gt;</span>preselected content <span style="color: #0000ff;">&lt;</span><span style="color: #800000;">input</span> <span style="color: #ff0000;">type</span><span style="color: #0000ff;">="hidden"</span> <span style="color: #ff0000;">value</span><span style="color: #0000ff;">="value"</span> <span style="color: #ff0000;">checked</span><span style="color: #0000ff;">="checked"</span> <span style="color: #0000ff;">/&gt;&lt;/</span><span style="color: #800000;">li</span><span style="color: #0000ff;">&gt;</span><br />
<span style="color: #0000ff;">&lt;</span><span style="color: #800000;">li</span><span style="color: #0000ff;">&gt;</span>regular content <span style="color: #0000ff;">&lt;</span><span style="color: #800000;">input</span> <span style="color: #ff0000;">type</span><span style="color: #0000ff;">="hidden"</span> <span style="color: #ff0000;">value</span><span style="color: #0000ff;">="value"</span> <span style="color: #0000ff;">/&gt;&lt;/</span><span style="color: #800000;">li</span><span style="color: #0000ff;">&gt;</span><br />
<span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">ul</span><span style="color: #0000ff;">&gt;</span></span></code></p>
<p><span style="font-size: xx-small; color: gray;">* This source code was highlighted with <a href="http://virtser.net/blog/post/source-code-highlighter.aspx"><span style="font-size: xx-small; color: gray;">Source Code Highlighter</span></a>.</span></p></blockquote>
<p>2) Javascript:</p>
<blockquote><p><code><span style="color: black;"><span style="color: #0000ff;">&lt;</span><span style="color: #800000;">script</span> <span style="color: #ff0000;">type</span><span style="color: #0000ff;">="text/javascript"</span> <span style="color: #ff0000;">language</span><span style="color: #0000ff;">="JavaScript"</span><span style="color: #0000ff;">&gt;</span><br />
$(<span style="color: #0000ff;">document</span>).ready(<span style="color: #0000ff;">function</span>() {<br />
<span style="color: #008000;">//id(ul id),width,height(element height),row(elements in row) </span><br />
$.fcbkListSelection(id[ul id],width,height[element height],row[elements <span style="color: #0000ff;">in</span> row]);<br />
});<br />
<span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">script</span><span style="color: #0000ff;">&gt;</span></span></code></p>
<p><span style="font-size: xx-small; color: gray;">* This source code was highlighted with <a href="http://virtser.net/blog/post/source-code-highlighter.aspx"><span style="font-size: xx-small; color: gray;">Source Code Highlighter</span></a>.</span></p></blockquote>
<p><strong>Changelog:</strong><br />
- 1.1: added preselected items<br />
- 1.0: project started</p>
<p><strong>Download</strong><strong>:</strong> <a href="http://github.com/emposha/fcbkListSelection/archives/master" target="_blank">Download fcbkListSelection<br />
</a></p>
<p><strong>Demo</strong><strong>:</strong> <a href="http://www.emposha.com/demo/fcbklistselection/" target="_blank">Demo fcbkListSelection</a></p>
<p><strong>Github:</strong> <a href="http://github.com/emposha/fcbkListSelection">http://github.com/emposha/fcbkListSelection</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.emposha.com/javascript/fcbklistselection-like-facebook-friends-selector.html/feed</wfw:commentRss>
		<slash:comments>32</slash:comments>
		</item>
	</channel>
</rss>
