<?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>webbricks &#187; paginate</title>
	<atom:link href="http://blog.grzegorzpawlik.com/tag/paginate/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.grzegorzpawlik.com</link>
	<description>Doświadczenie, to coś, co zdobywamy tuż po chwili w której było nam potrzebne ...</description>
	<lastBuildDate>Tue, 07 Feb 2012 10:09:24 +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>CakePHP, pagination, jQuery i zakładki (tabs)</title>
		<link>http://blog.grzegorzpawlik.com/2010/01/cakephp-pagination-jquery-i-zakladki-tabs/</link>
		<comments>http://blog.grzegorzpawlik.com/2010/01/cakephp-pagination-jquery-i-zakladki-tabs/#comments</comments>
		<pubDate>Fri, 15 Jan 2010 15:31:48 +0000</pubDate>
		<dc:creator>Greg</dc:creator>
				<category><![CDATA[CakePHP]]></category>
		<category><![CDATA[Inne]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[paginate]]></category>
		<category><![CDATA[paginator]]></category>

		<guid isPermaLink="false">http://blog.grzegorzpawlik.com/?p=591</guid>
		<description><![CDATA[Jakoś tak wyszło, że więcej bawię się ostatnio jQuery. Pojawił się kolejny problem: przerobić Pagination cake&#8217;a na taki, żeby działał po ajaxie w zakładkach jQuery (jquery.ui.tabs): Z pomocą przyszedł chankov.net z takim oto skryptem: $('a[href*=/sort:],a[href*=/page:]').livequery('click', function(){ $('#content').load($(this).attr('href')); return false; }); &#8230; <a href="http://blog.grzegorzpawlik.com/2010/01/cakephp-pagination-jquery-i-zakladki-tabs/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Jakoś tak wyszło, że więcej bawię się ostatnio jQuery. Pojawił się kolejny problem:<br />
przerobić Pagination cake&#8217;a na taki, żeby działał po ajaxie w zakładkach jQuery (jquery.ui.tabs):</p>
<p style="text-align: left;"><a href="http://blog.grzegorzpawlik.com/wp-content/uploads/2010/01/Cars_1263568001683.png" rel="lightbox[591]" title="Zakładki i pagination"><img class="aligncenter size-full wp-image-592" title="Zakładki i pagination" src="http://blog.grzegorzpawlik.com/wp-content/uploads/2010/01/Cars_1263568001683.png" alt="" width="650" height="137" /></a>Z pomocą przyszedł <a href="http://nik.chankov.net/2009/05/16/cakephp-ajaxed-pagination-and-sort/">chankov.net</a> z takim oto skryptem:</p>
<p style="text-align: left;">
<pre>
$('a[href*=/sort:],a[href*=/page:]').live<del datetime="2010-01-15T15:40:36+00:00">query</del>('click', function(){
    $('#content').load($(this).attr('href'));
    return false;
});
</pre>
</p>
<p>Niestety nie ma chyba kontroli nad tym jakie id jquery.ui nada div&#8217;om, które są zawartością dla danej zakładki. Jednak i na to jest sposób (dzięki pluginowi livequery), nalezy zamiast </p>
<pre>
$('#content').load($(this).attr('href'));
</pre>
<p>Użyć nieco bardziej skomplikowanego selektora. Zakładając, że #content to div przechowujący zakładki (wywołałeś jQuery(&#8220;#content&#8221;).tabs()), to nalezy zmienić powyższą linię na</p>
<pre>
jQuery('#contents>div:visible').load(jQuery(this).attr('href'));
</pre>
<p>Dzięki selektorowi &#8216;#contents>div:visible&#8217; znajdziesz w elemencie o id #contents pierwszego div&#8217;a (>div), który jest widzialny (:visible), a to właśnie jest element, którego zawartość należy uaktualnić nowymi danymi&#8230;</p>
<!-- PHP 5.x -->]]></content:encoded>
			<wfw:commentRss>http://blog.grzegorzpawlik.com/2010/01/cakephp-pagination-jquery-i-zakladki-tabs/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

