<?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>Viktor Hanáček blog &#187; jQuery</title>
	<atom:link href="http://blog.viktorhanacek.cz/tag/jquery/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.viktorhanacek.cz</link>
	<description>fotograf &#38; webdesigner</description>
	<lastBuildDate>Sun, 29 Aug 2010 15:28:12 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Tak jsem zase redesignoval</title>
		<link>http://blog.viktorhanacek.cz/tak-jsem-zase-redesignoval/</link>
		<comments>http://blog.viktorhanacek.cz/tak-jsem-zase-redesignoval/#comments</comments>
		<pubDate>Sat, 19 Dec 2009 17:05:59 +0000</pubDate>
		<dc:creator>Viktor Hanáček</dc:creator>
				<category><![CDATA[Internet a počítače]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[tvorba www]]></category>

		<guid isPermaLink="false">http://blog.viktorhanacek.cz/?p=501</guid>
		<description><![CDATA[Ano, za poslední dny a týdny jsem změnil vzhled celkem třem webům. Byly to weby www.solarium-mh.cz, www.auto-hm.cz a www.viktorhanacek.cz.
Abych pravdu řekl, tak na web www.solarium-mh.cz jsem úplně zapomněl. Majitel na něm od vytvoření nechtěl žádné změny, takže mi jednoduše vypadl z těch všech často aktualizovaných. Vyhodil jsem z něj všechno nepotřebné a zůstaly mi pouze čtyři podstránky. [...]]]></description>
			<content:encoded><![CDATA[<p>Ano, za poslední dny a týdny jsem změnil vzhled celkem třem webům. Byly to weby <a href="http://www.solarium-mh.cz">www.solarium-mh.cz</a>, <a href="http://www.auto-hm.cz">www.auto-hm.cz</a> a <a href="http://www.viktorhanacek.cz/">www.viktorhanacek.cz</a>.</p>
<p>Abych pravdu řekl, tak na web <a href="http://www.solarium-mh.cz">www.solarium-mh.cz</a> jsem úplně zapomněl. Majitel na něm od vytvoření nechtěl žádné změny, takže mi jednoduše vypadl z těch všech často aktualizovaných. Vyhodil jsem z něj všechno nepotřebné a zůstaly mi pouze čtyři podstránky. Proto jsem se rozhodl, že udělám web jednoduchý. Ve výsledku se web skládá z jedné stránky, ve které se pouze pomocí jQuery roluje.</p>
<p style="text-align: center;"><img title="Solárium MH" src="/soubory/redesign-solarium-mh.png" alt="" width="450" height="535" /></p>
<p><span id="more-501"></span>Dalším webem byla prezentace firmy Autocentrum hm. Jejich web <a href="http://www.auto-hm.cz">www.auto-hm.cz</a> byl až moc jednoduchý. Hlavní součástí webu je slider, kde běží aktuální akce a informace o společnosti. Ten jsem umístil do modrého pruhu a web tak dostal úplně jiný rozměr. Dále jsem upravil formuláře, aby se uživatelům lépe vyplňovaly. jQuery jsem použil pouze k chodu slideru, na odkazu &#8222;<a href="http://blog.viktorhanacek.cz/scroll-to-top-aneb-odkaz-nahoru-pres-jquery/">nahoru</a>&#8220; a na vyjížděcí menu. Kvůli celkem velké obsahovosti webu by větší použití jQuery spíše uškodilo.</p>
<p style="text-align: center;"><img title="Autocentrum hm" src="/soubory/redesign-auto-hm.png" alt="" width="450" height="533" /></p>
<p>Třetím webem je moje foto- a design-portfolio. Zjednodušil jsem jej úplně na minimum. Kladl jsem důraz fotogalerii a webové portfolio, při obou jsem použil jQuery, kam to jen šlo. jQuery najdete ve výběru galerií a ve slideru portfolia. Do konce roku i na úvodní stránce, kde se pomocí něj zobrazuje PF 2010.</p>
<p style="text-align: center;"><img title="Viktor Hanáček" src="/soubory/redesign-viktorhanacek.png" alt="" width="450" height="392" /></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.viktorhanacek.cz/tak-jsem-zase-redesignoval/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Scroll to Top aneb odkaz &#8222;Nahoru&#8220; přes jQuery</title>
		<link>http://blog.viktorhanacek.cz/scroll-to-top-aneb-odkaz-nahoru-pres-jquery/</link>
		<comments>http://blog.viktorhanacek.cz/scroll-to-top-aneb-odkaz-nahoru-pres-jquery/#comments</comments>
		<pubDate>Sun, 18 Oct 2009 20:48:09 +0000</pubDate>
		<dc:creator>Viktor Hanáček</dc:creator>
				<category><![CDATA[Internet a počítače]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[tvorba www]]></category>

		<guid isPermaLink="false">http://blog.viktorhanacek.cz/?p=301</guid>
		<description><![CDATA[Konečně jsem našel funkční kód, který umí po kliknutí na odkaz Nahoru ladně vyskrolovat stránku až na začátek. Vždy se mi skript hádal s nějakým jiným a nikdy mi to nechtělo fungovat. Dnes jsem náhodou najel na jeden web a uvedený kód jsem vyzkoušel. Funguje!

Vyvolání jQuery funkce:

$&#40;document&#41;.ready&#40;function&#40;&#41; &#123;
    $&#40;'a[href=#top]'&#41;.click&#40;function&#40;&#41;&#123;
    [...]]]></description>
			<content:encoded><![CDATA[<p>Konečně jsem našel funkční kód, který umí po kliknutí na odkaz Nahoru ladně vyskrolovat stránku až na začátek. Vždy se mi skript hádal s nějakým jiným a nikdy mi to nechtělo fungovat. Dnes jsem náhodou najel na jeden web a uvedený kód jsem vyzkoušel. Funguje!</p>
<p><span id="more-301"></span></p>
<p>Vyvolání jQuery funkce:</p>

<div class="wp_syntax"><div class="code"><pre class="java" style="font-family:monospace;">$<span style="color: #009900;">&#40;</span>document<span style="color: #009900;">&#41;</span>.<span style="color: #006633;">ready</span><span style="color: #009900;">&#40;</span>function<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: #0000ff;">'a[href=#top]'</span><span style="color: #009900;">&#41;</span>.<span style="color: #006633;">click</span><span style="color: #009900;">&#40;</span>function<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: #0000ff;">'html, body'</span><span style="color: #009900;">&#41;</span>.<span style="color: #006633;">animate</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#123;</span>scrollTop<span style="color: #339933;">:</span><span style="color: #cc66cc;">0</span><span style="color: #009900;">&#125;</span>, <span style="color: #0000ff;">'slow'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
        <span style="color: #000000; font-weight: bold;">return</span> <span style="color: #000066; font-weight: bold;">false</span><span style="color: #339933;">;</span>
    <span style="color: #009900;">&#125;</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>Takto bude vypadat odkaz:</p>

<div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">a</span> <span style="color: #000066;">href</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;#top&quot;</span>&gt;</span>Nahoru<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">a</span>&gt;</span></pre></div></div>

<p>Nejvyšší prvek by měl mít nastaveno id &#8222;<em>top</em>&#8222;. To, že musíte mít ve stránce linkovaný skript-soubor jquery snad ani psát nemusím =) Funkčnost můžete vyzkoušet na <a href="http://www.auto-hm.cz">www.auto-hm.cz</a> nebo na <a href="http://www.budobreclav.cz">www.budobreclav.cz</a> &#8211; odkaz najdete dole v patičce.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.viktorhanacek.cz/scroll-to-top-aneb-odkaz-nahoru-pres-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
