<?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>Блог на студио Свест &#187; javascript</title>
	<atom:link href="http://blog.svest.org/category/%d0%bf%d1%80%d0%be%d0%b3%d1%80%d0%b0%d0%bc%d0%b8%d1%80%d0%b0%d0%bd%d0%b5/javascript/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.svest.org</link>
	<description>Блог за полезни съвети техники за интернет програмиране и уеб дизайн и разработка, фирмен PR.</description>
	<lastBuildDate>Mon, 06 Oct 2008 07:09:04 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>jQuery sFilter &#8211; plugin за филтриране на &lt;select&gt; елементи</title>
		<link>http://blog.svest.org/jquery-sfilter-plugin-%d0%b7%d0%b0-%d1%84%d0%b8%d0%bb%d1%82%d1%80%d0%b8%d1%80%d0%b0%d0%bd%d0%b5-%d0%bd%d0%b0-select-%d0%b5%d0%bb%d0%b5%d0%bc%d0%b5%d0%bd%d1%82%d0%b8/</link>
		<comments>http://blog.svest.org/jquery-sfilter-plugin-%d0%b7%d0%b0-%d1%84%d0%b8%d0%bb%d1%82%d1%80%d0%b8%d1%80%d0%b0%d0%bd%d0%b5-%d0%bd%d0%b0-select-%d0%b5%d0%bb%d0%b5%d0%bc%d0%b5%d0%bd%d1%82%d0%b8/#comments</comments>
		<pubDate>Fri, 11 Apr 2008 14:41:55 +0000</pubDate>
		<dc:creator>Стоян Кьосев</dc:creator>
				<category><![CDATA[javascript]]></category>
		<category><![CDATA[Програмиране]]></category>
		<category><![CDATA[jquery]]></category>

		<guid isPermaLink="false">http://blog.svest.org/?p=3</guid>
		<description><![CDATA[

Изтегли:
sFilter
Версия:
0.2
Обновено на:
13.04.2008
Демо:
виж
Списък с промени:
changelog.txt


На два пъти ми се наложи да вграждам функционалност за филтриране на html select list, затова реших да си поиграя и да го изнеса като плъгин.
 Идеята &#8211; имаме падащо поле (най-често multiple) с много стойности и искаме да ги филтрираме по някаква ключова дума.
 Реализацията &#8211; трябва ви jQuery и sFilter.
В [...]]]></description>
			<content:encoded><![CDATA[<div class="program_info">
<dl>
<dt>Изтегли:</dt>
<dd><a href="http://incubator.svest.org/select-filter/jquery/jquery.sFilter.js" target="_blank">sFilter</a></dd>
<dt>Версия:</dt>
<dd>0.2</dd>
<dt>Обновено на:</dt>
<dd>13.04.2008</dd>
<dt>Демо:</dt>
<dd><a title="jQuery sFilter demo" href="http://incubator.svest.org/select-filter/" target="_blank">виж</a></dd>
<dt>Списък с промени:</dt>
<dd><a title="jQuery sFilter demo" href="http://incubator.svest.org/select-filter/jquery/changelog.txt" target="_blank">changelog.txt</a></dd>
</dl>
</div>
<p>На два пъти ми се наложи да вграждам функционалност за филтриране на html select list, затова реших да си поиграя и да го изнеса като плъгин.</p>
<p><strong> Идеята</strong> &#8211; имаме падащо поле (най-често multiple) с много стойности и искаме да ги филтрираме по някаква ключова дума.</p>
<p><strong> Реализацията</strong> &#8211; трябва ви <a href="http://jqueryjs.googlecode.com/files/jquery-1.2.3.pack.js">jQuery</a> и <a href="http://incubator.svest.org/select-filter/jquery/jquery.sFilter.js">sFilter</a>.</p>
<p>В html кода, освен полето <code>&lt;select id="my_select"&gt;, ще трябва и <code>&lt;input type="text" id="my_select-replace"&gt;, </code>където ще се въвежда ключовата дума. След това просто извиквате:</code></p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;">$<span style="color: #009900;">&#40;</span>document<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">ready</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
  $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;#my_select&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">sFilter</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></div></div>

<p>Като цяло може да се усъвършенства алгоритъма за търсене. Също така има възможност да се добавят и някои интересни неща като опции, така че очакваите още версии скоро.<br />
<span id="more-3"></span></p>
<p>
В момента филтърът има следното поведение &#8211; ако се въведе една буква, се филтрират всички стойности по първа буква, съвпадаща с въведената. Ако се въведат две или повече &#8211; всички стойности се претърсват и се филтрират тези, който съдържат въведената фраза.<br />
Планирам да изнеса това поведение в опции, за да може да се ползва според нуждите на всеки.
</p>
<p>
*** Обновление 13.04.2008 ***  &#8211; добавени са следните опции:</p>
<ul>
<li>- delay (integer): забавяне в милисекунди преди да се приложи въведения филтър. Стойност по подразбиране &#8211; 200.</li>
<li>- keepSelected (boolean): Флаг дали да запазва избраните стройности между отделните филтър заявки. Стойност по подразбиране &#8211; true.</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://blog.svest.org/jquery-sfilter-plugin-%d0%b7%d0%b0-%d1%84%d0%b8%d0%bb%d1%82%d1%80%d0%b8%d1%80%d0%b0%d0%bd%d0%b5-%d0%bd%d0%b0-select-%d0%b5%d0%bb%d0%b5%d0%bc%d0%b5%d0%bd%d1%82%d0%b8/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

