<?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>Karel Attl</title>
	<atom:link href="http://karelattl.cz/feed" rel="self" type="application/rss+xml" />
	<link>http://karelattl.cz</link>
	<description>web, ve kterém stojí lžička</description>
	<lastBuildDate>Thu, 04 Jun 2009 12:46:04 +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>Barva pozadí wrapper DIVu</title>
		<link>http://karelattl.cz/2009/06/barva-pozadi-wrapper-divu</link>
		<comments>http://karelattl.cz/2009/06/barva-pozadi-wrapper-divu#comments</comments>
		<pubDate>Thu, 04 Jun 2009 12:45:28 +0000</pubDate>
		<dc:creator>Karel Attl</dc:creator>
				<category><![CDATA[Novinky]]></category>

		<guid isPermaLink="false">http://karelattl.cz/?p=121</guid>
		<description><![CDATA[Řešení následující situace:
Máme klasickou HTML šablonu ve tvaru
&#60;div id="wrapper"&#62;
&#60;div id="left" /&#62;&#60;div id="middle" /&#62;&#60;div id="right" /&#62;
&#60;/div&#62;
a chceme ji mít vytvořenou tak, aby obsah byl řízen nejvyšším sloupečkem. Pokud nastavíme barvu pozadí pro #wrapper, bude pozadí vyplněno jen na nízkém řádku a celý obsah bude přetékat. #wrapper musí mít nastaveno overflow:hidden aby k této situaci nedošlo.
]]></description>
			<content:encoded><![CDATA[<p>Řešení následující situace:</p>
<p>Máme klasickou HTML šablonu ve tvaru</p>
<pre>&lt;div id="wrapper"&gt;
&lt;div id="left" /&gt;&lt;div id="middle" /&gt;&lt;div id="right" /&gt;
&lt;/div&gt;</pre>
<p>a chceme ji mít vytvořenou tak, aby obsah byl řízen nejvyšším sloupečkem. Pokud nastavíme barvu pozadí pro <strong>#wrapper</strong>, bude pozadí vyplněno jen na nízkém řádku a celý obsah bude přetékat.<strong> #wrapper</strong> musí mít nastaveno <strong><em>overflow:hidden</em></strong> aby k této situaci nedošlo.</p>
]]></content:encoded>
			<wfw:commentRss>http://karelattl.cz/2009/06/barva-pozadi-wrapper-divu/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Jak JavaScript / JQuery vlastně chápe String?</title>
		<link>http://karelattl.cz/2009/04/jak-javascript-jquery-vlastne-chape-string</link>
		<comments>http://karelattl.cz/2009/04/jak-javascript-jquery-vlastne-chape-string#comments</comments>
		<pubDate>Thu, 09 Apr 2009 19:31:24 +0000</pubDate>
		<dc:creator>Karel Attl</dc:creator>
				<category><![CDATA[Programování]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[JQuery]]></category>
		<category><![CDATA[String]]></category>

		<guid isPermaLink="false">http://www.karelattl.cz/?p=114</guid>
		<description><![CDATA[Jakým způsobem vlastně zachází JavaScript (JQuery) se Stringem?
Mám klasickou HTML tabulku, na každou buňku (td) mám pověšený handler, který se mi stará o to, že když na tu buňku kliknu, tak můžu dynamicky měnit její hodnotu (in-place editor). Další funkcionalita, kterou jsem chtěl, byla aby se po zmáčknutí enteru zavolala událost click na buňce, ktera [...]]]></description>
			<content:encoded><![CDATA[<p>Jakým způsobem vlastně zachází JavaScript (JQuery) se Stringem?</p>
<p><em>Mám klasickou HTML tabulku, na každou buňku (td) mám pověšený handler, který se mi stará o to, že když na tu buňku kliknu, tak můžu dynamicky měnit její hodnotu (in-place editor). Další funkcionalita, kterou jsem chtěl, byla aby se po zmáčknutí enteru zavolala událost <strong>click</strong> na buňce, ktera je pod tou která událost vyvolává. Prostě &#8211; uživatel vyplní hodnotu ve sloupečku, zmáčkne enter, tabulka se mu přepočítá a jemu se označí buňka hned pod tím. Jako v excelu.<br />
</em></p>
<p>Tak a teď jádro pudla: podle mě by následující konstrukce měly být ekvivalentní. Ale <span style="text-decoration: line-through;">nejsou</span>. <em>(05-05-2009: Nakonec asi opravdu jsou:) )</em></p>
<ol>
<li>
<pre>var nextId = "#" + document.getElementById(parameter).className;</pre>
<pre>$(nextId).click();</pre>
</li>
<li>
<pre>var nextId = new String("#" + document.getElementById(parameter).className);</pre>
<pre>$(nextId).click();</pre>
</li>
<li>
<pre>var nextId = document.getElementById(parameter).className;</pre>
<pre>$("#" + nextId).click();</pre>
</li>
</ol>
<div id=":1rn" class="ii gt">
<p>Ty první dvě možnosti nefungují, třetí ano.</p>
<p><small><em>(aktualizováno 12-04-2009, upraveno do použitelné podoby)</em></small></p>
<p><small><em>(aktualizováno 05-05-2009, <strong>ono to nějak začalo fungovat, naprosto nechápu</strong>)<br />
</em></small></div>
]]></content:encoded>
			<wfw:commentRss>http://karelattl.cz/2009/04/jak-javascript-jquery-vlastne-chape-string/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Mobilní verze blogu</title>
		<link>http://karelattl.cz/2009/03/mobilni-verze-blogu</link>
		<comments>http://karelattl.cz/2009/03/mobilni-verze-blogu#comments</comments>
		<pubDate>Wed, 11 Mar 2009 11:57:45 +0000</pubDate>
		<dc:creator>Karel Attl</dc:creator>
				<category><![CDATA[Novinky]]></category>
		<category><![CDATA[aktuality]]></category>

		<guid isPermaLink="false">http://www.karelattl.cz/2009/03/mobilni-verze-blogu</guid>
		<description><![CDATA[Pokud se ode dneška podíváte na můj web z nějakého mobilního zařízení, dostanete zpátky optimalizovanou skoro čistě textovou verzi. Velikost natahovaných dat je pouze několik kilobajtů a stránky jsou tak přístupné i pro mobilní prohlížeče.
]]></description>
			<content:encoded><![CDATA[<p>Pokud se ode dneška podíváte na můj web z nějakého mobilního zařízení, dostanete zpátky optimalizovanou skoro čistě textovou verzi. Velikost natahovaných dat je pouze několik kilobajtů a stránky jsou tak přístupné i pro mobilní prohlížeče.</p>
]]></content:encoded>
			<wfw:commentRss>http://karelattl.cz/2009/03/mobilni-verze-blogu/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>WordPress &#8211; link_before &#8211; lepší řešení</title>
		<link>http://karelattl.cz/2009/02/wordpress-link_before-lepsi-reseni</link>
		<comments>http://karelattl.cz/2009/02/wordpress-link_before-lepsi-reseni#comments</comments>
		<pubDate>Thu, 19 Feb 2009 11:19:09 +0000</pubDate>
		<dc:creator>Karel Attl</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[menu]]></category>
		<category><![CDATA[návod]]></category>
		<category><![CDATA[php]]></category>

		<guid isPermaLink="false">http://www.karelattl.cz/?p=105</guid>
		<description><![CDATA[Po prvním článku tady máme elegantnější způsob jak do parametru link_before funkce wp_list_pages() dostat speciální html entitu &#38;nbsp; pro odsazení. V první článku jsem toto řešil pomocí blokového spanu s nastavenou šířkou, zde je lepší způsob.
&#60;?php $param = 'depth=1&#38;title_li=&#38;link_before=' . html_entity_decode(htmlentities('   ')) . '&#38;exclude=57'; wp_list_pages($param); ?&#62;
Pěkné je to v tom, že nám to opravdu vypíše nonbreaking [...]]]></description>
			<content:encoded><![CDATA[<p>Po <a href="http://www.karelattl.cz/2009/02/wordpress-link_before">prvním článku</a> tady máme elegantnější způsob jak do parametru <strong>link_before</strong> funkce wp_list_pages() dostat speciální html entitu <em>&amp;nbsp;</em> pro odsazení. V první článku jsem toto řešil pomocí blokového spanu s nastavenou šířkou, zde je lepší způsob.</p>
<p><code>&lt;?php $param = 'depth=1&amp;title_li=&amp;link_before=' . html_entity_decode(htmlentities('   ')) . '&amp;exclude=57'; wp_list_pages($param); ?&gt;</code></p>
<p>Pěkné je to v tom, že nám to opravdu vypíše nonbreaking spaces, zádrhel je zase ale v tom, že jako parametr <strong>htmlentities </strong>musíte opravdu napsat nezlomitelnou mezeru pomocí nějakého šikovnějšího textového editoru. A navíc je toto řešení validní narozdíl od toho prvního.</p>
]]></content:encoded>
			<wfw:commentRss>http://karelattl.cz/2009/02/wordpress-link_before-lepsi-reseni/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>WordPress &#8211; link_before</title>
		<link>http://karelattl.cz/2009/02/wordpress-link_before</link>
		<comments>http://karelattl.cz/2009/02/wordpress-link_before#comments</comments>
		<pubDate>Tue, 17 Feb 2009 13:07:51 +0000</pubDate>
		<dc:creator>Karel Attl</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[menu]]></category>
		<category><![CDATA[návod]]></category>

		<guid isPermaLink="false">http://www.karelattl.cz/?p=98</guid>
		<description><![CDATA[Od verze 2.7 nabízí WordPress dva nové parametry pro funkci wp_list_pages() a to link_before a link_after. Tyto parametry umí před odkaz vložit nějaký text nebo html. Co však neumí (a nebo se mi to nepovedlo najít nebo vymyslet) je vložení entity. Takovým vhodným využitím by bylo vložení např. nezalomitelných mezer, pokud máme text v menu [...]]]></description>
			<content:encoded><![CDATA[<p>Od verze 2.7 nabízí WordPress dva nové parametry pro funkci <strong>wp_list_pages()</strong> a to <strong>link_before</strong> a <strong>link_after</strong>. Tyto parametry umí před odkaz vložit nějaký text nebo html. Co však neumí (a nebo se mi to nepovedlo najít nebo vymyslet) je vložení entity. Takovým vhodným využitím by bylo vložení např. nezalomitelných mezer, pokud máme text v menu vycentrován, doplněn grafickými odrážkami a je nastaveno pozadí odkazu. Pak je sice text vycentrován, ale použití grafické odrážky způsobí to, že celý blok (tj. odkaz a odrážka) nepůsobí vycentrovaně. V tu chvíli jediná možnost jak zarovnat odkaz i s grafickou odrážkou na střed je právě parametr <strong>link_before</strong> a odsazení si musíme dodělat pomocí html.</p>
<p>Celá konstrukce bude vypadat nějak následovně:</p>
<p><code>&lt;?php wp_list_pages('depth=1&amp;title_li=&amp;exclude=57&amp;link_before=&lt;span class="odsazeni"&gt; &lt;/span&gt;'); ?&gt;</code></p>
<p>Span musí být párový, pokud ho uděláme jako &lt;span /&gt; tak do něj WordPress uzavře text odkazu, což je nežádoucí. A styl pro třídu .odsazeni bude následující<br />
<code><br />
.odsazeni<br />
{<br />
display: inline-block;<br />
width: 10px;<br />
}</code></p>
<p>Je to opravdu provizorní řešení.</p>
]]></content:encoded>
			<wfw:commentRss>http://karelattl.cz/2009/02/wordpress-link_before/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
