<?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>krzysztof.nizioł@world.wide.web &#187; JQuery</title>
	<atom:link href="http://blog.niziol.info/index.php/category/jquery/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.niziol.info</link>
	<description>Jeżeli udoskonalasz coś dostatecznie długo - na pewno to zepsujesz.</description>
	<lastBuildDate>Wed, 14 Sep 2011 17:46:38 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>jQuery plugin: Autocomplete &#8211; problem z opcją minChars</title>
		<link>http://blog.niziol.info/index.php/2009/06/22/jquery-plugin-autocomplete-problem-z-opcja-minchars/</link>
		<comments>http://blog.niziol.info/index.php/2009/06/22/jquery-plugin-autocomplete-problem-z-opcja-minchars/#comments</comments>
		<pubDate>Mon, 22 Jun 2009 10:01:20 +0000</pubDate>
		<dc:creator>Krzysztof Nizioł</dc:creator>
				<category><![CDATA[JQuery]]></category>

		<guid isPermaLink="false">http://blog.niziol.info/?p=257</guid>
		<description><![CDATA[Problem: Chcę  ustawić minimalną ilość znaków jaka jest wymagana do wpisania w polu tekstowym, aby pojawiła się podpowiedź. Dotyczy: Autocomplete, plugin  jQuery. Wersja: 1.0.2. Firefox 3.0.11, Opera 9.64. Plugin można ściągnąć stąd: http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete. Użyty kod: a) HTML: Wpisz nazwę: &#60;input type="text" name="name" id="name" /&#62; b) JavaScript: $(document).ready(function(){ var data = "Toyota;Opel;Fiat;Chrysler;Jaguar; Dodge;Peugeot;Nissan".split(";"); $("#name").autocomplete(data, {minChars: 3}); [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Problem:</strong><br />
Chcę  ustawić minimalną ilość znaków jaka jest wymagana do wpisania w polu tekstowym, aby pojawiła się podpowiedź.</p>
<p><strong>Dotyczy:</strong><br />
Autocomplete, plugin  jQuery. Wersja: 1.0.2.<br />
Firefox 3.0.11, Opera 9.64.<br />
Plugin można ściągnąć stąd:<br />
<a href="http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete" target="_blank" onclick="pageTracker._trackPageview('/outgoing/bassistance.de/jquery-plugins/jquery-plugin-autocomplete?referer=');">http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete</a>.</p>
<p><strong>Użyty kod:</strong><br />
a) HTML:</p>
<pre class="brush:html">Wpisz nazwę: &lt;input type="text" name="name" id="name" /&gt;</pre>
<p>b) JavaScript:</p>
<pre class="brush:js">$(document).ready(function(){
	var data = "Toyota;Opel;Fiat;Chrysler;Jaguar;
	Dodge;Peugeot;Nissan".split(";");
 	$("#name").autocomplete(data, {minChars: 3});
 });</pre>
<p><strong>Śledztwo:</strong></p>
<p>Fragmenty kodu źródłowego pluginu:<strong> </strong></p>
<pre class="brush:js">function request(term, success, failure)
var data = cache.load(term);</pre>
<p>zmienna <em>data</em> ma wartość <em>null</em></p>
<pre class="brush:js">function load(q)
var c = data[q.substr(0, i)];</pre>
<p>zmienna <em>c</em> ma wartość <em>null</em></p>
<p><strong>Przykład:</strong><br />
Wpisuję w polu tekstowym ciąg znaków <em>toyot</em> i gdy opcja minChars ma wartość 3 fragment <em>q.substr(0, i)</em> przyjmie w pętli takie wartości:</p>
<ul>
<li>toyo</li>
<li>toy</li>
</ul>
<p>zaś <em>data['toyo']</em> i <em>data['toy']</em> ma wartość <em>null</em>. Co ciekawe <em>data['t']</em> zwraca  wartość różną od <em>null.</em></p>
<p><strong>Rozwiązanie:</strong><br />
Modyfikacja kodu źródłowego pluginu polegająca na zmianie linii:</p>
<pre class="brush:js">for (var i = q.length - 1; i &gt;= options.minChars; i--) {</pre>
<p>na linię:</p>
<pre class="brush:js">for (var i = q.length - 1; i &gt;= 1; i--) {</pre>
]]></content:encoded>
			<wfw:commentRss>http://blog.niziol.info/index.php/2009/06/22/jquery-plugin-autocomplete-problem-z-opcja-minchars/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Przewinięcie strony na sam dół za pomocą JQuery</title>
		<link>http://blog.niziol.info/index.php/2009/05/12/przewiniecie-strony-na-sam-dol-za-pomoca-jquery/</link>
		<comments>http://blog.niziol.info/index.php/2009/05/12/przewiniecie-strony-na-sam-dol-za-pomoca-jquery/#comments</comments>
		<pubDate>Tue, 12 May 2009 15:40:00 +0000</pubDate>
		<dc:creator>Krzysztof Nizioł</dc:creator>
				<category><![CDATA[JQuery]]></category>

		<guid isPermaLink="false">http://blog.niziol.info/?p=174</guid>
		<description><![CDATA[Problem: W jaki sposób po załadowaniu danych za pomocą Ajaxa / JSONa przewinąć stronę na dół? Na dół, ponieważ tam znajdują się odświeżone / załadowane dane. Zastosowanie kotwicy tutaj problemu nie rozwiązuje, ponieważ to nie są linki takie jak w HTMLu tylko obsługiwane przez JQuery i zdarzenie click. Rozwiązanie: Z pomocą przychodzi Google. Znalazłem rozwiązanie na [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Problem:</strong><br />
W jaki sposób po załadowaniu danych za pomocą Ajaxa / JSONa przewinąć stronę na dół? Na dół, ponieważ tam znajdują się odświeżone / załadowane dane. Zastosowanie kotwicy tutaj problemu nie rozwiązuje, ponieważ to nie są linki takie jak w HTMLu tylko obsługiwane przez JQuery i zdarzenie click.</p>
<p><strong>Rozwiązanie:</strong><br />
Z pomocą przychodzi Google. Znalazłem rozwiązanie na blogu <a href="http://jtauber.com/blog/2008/04/28/auto-scrolling_is_jquery/" target="_blank" onclick="pageTracker._trackPageview('/outgoing/jtauber.com/blog/2008/04/28/auto-scrolling_is_jquery/?referer=');">Jamesa Taubera</a>. Całe sedno to taka funkcja:</p>
<pre class="brush:js">
function scrollTo(selector) {
   var targetOffset = $(selector).offset().top;
   $('html,body').animate({scrollTop: targetOffset}, 500);
}
</pre>
<p>W zasadzie funkcja ta pozwala na przewinięcie strony w dowolne miejsce. Ważne jest, aby umieścić w odpowiednim miejscu element, do którego chcemy przewinąć stronę.</p>
<p>W działaniu funkcję tą można zobaczyć tutaj: <a href="http://www.niziol.info/testy/jquery/scroll_test" target="_blank" onclick="pageTracker._trackPageview('/outgoing/www.niziol.info/testy/jquery/scroll_test?referer=');">http://www.niziol.info/testy/jquery/scroll_test</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.niziol.info/index.php/2009/05/12/przewiniecie-strony-na-sam-dol-za-pomoca-jquery/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

