<?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>IT blog &#187; zvýraznění</title>
	<atom:link href="http://szj.cz/tag/zvyrazneni/feed/" rel="self" type="application/rss+xml" />
	<link>http://szj.cz</link>
	<description>internet, linux, novinky, programování</description>
	<lastBuildDate>Sat, 12 Sep 2015 11:14:32 +0000</lastBuildDate>
	<language>cs-CZ</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=4.2.2</generator>
	<item>
		<title>Zvýraznění aktuální položky v menu s pomocí PHP</title>
		<link>http://szj.cz/zvyrazneni-aktualni-polozky-v-menu-s-pomoci-php/</link>
		<comments>http://szj.cz/zvyrazneni-aktualni-polozky-v-menu-s-pomoci-php/#comments</comments>
		<pubDate>Fri, 20 Jul 2012 06:41:50 +0000</pubDate>
		<dc:creator><![CDATA[fredomgc]]></dc:creator>
				<category><![CDATA[Programování]]></category>
		<category><![CDATA[menu]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[zvýraznění]]></category>

		<guid isPermaLink="false">http://szj.cz/?p=344</guid>
		<description><![CDATA[Představme si klasický web. Zcela určitě na něm naleznete menu. K usnadnění orientace přitom může pomoci zvýraznění stránky, na které se uživatel momentálně nachází. Zdá se přitom, že jde o zanedbatelnou drobnost, schopnost pohybovat se na daném portálu s jistotou se však stává klíčovým požadavkem. K odlišení zvolené položky často plně postačí změnit její pozadí. [&#8230;]]]></description>
				<content:encoded><![CDATA[<p><a href="http://szj.cz/wp-content/uploads/2012/07/menu-zvyrazneni.png"><img class="alignleft size-full wp-image-347" title="menu-zvyrazneni" src="http://szj.cz/wp-content/uploads/2012/07/menu-zvyrazneni.png" alt="Zvýraznění položky v menu" width="128" height="128" /></a>Představme si klasický web. Zcela určitě na něm naleznete menu. K usnadnění orientace přitom může pomoci zvýraznění stránky, na které se uživatel momentálně nachází. Zdá se přitom, že jde o zanedbatelnou drobnost, schopnost pohybovat se na daném portálu s jistotou se však stává klíčovým požadavkem.</p>
<p>K odlišení zvolené položky často plně postačí změnit její pozadí. O samotnou obměnu barvy se přitom starají kaskádové styly. Pokud si dnes stáhnete libovolnou bezplatnou šablonu, bývá již obvykle dostatečně připravena. Zvýraznění provádí přiřazení patřičného <strong>id</strong> samotnému odkazu nebo tagu <strong>li</strong>.</p>
<pre class="brush: xml; title: ; notranslate">&lt;ul&gt;
&lt;li id=&quot;current&quot;&gt;&lt;a href=&quot;login.php&quot; &gt;&lt;span&gt;Přihlásit se&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;register.php&quot; &gt;&lt;span&gt;Registrace&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;faq.php&quot; &gt;&lt;span&gt;FAQ&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;</pre>
<p>Uvedený příklad může vypadat například takto:</p>
<p><a href="http://szj.cz/wp-content/uploads/2012/07/menu.png"><img class="aligncenter size-full wp-image-345" title="menu" src="http://szj.cz/wp-content/uploads/2012/07/menu.png" alt="Menu" width="316" height="48" /></a></p>
<p>Nyní si ve stručnosti představíme jednotlivé způsoby, které lze pro zvýraznění použít. U jednoduchého statického a opravdu nerozsáhlého webu lze přistoupit k manuálnímu připsání dotyčného id u každého souboru. V případě rozsáhlejšího projektu lze nastíněný problém řešit buď na straně serveru nebo použít JavaScript. Tento skriptovací jazyk se mi zde však nezdá jako příliš vhodný, protože jej daný návštěvník nemusí mít povolený. Zbývá tedy varianta odeslání do prohlížeče již vhodně upravené stránky, kde id bude patřit vybrané součásti z menu. Původně jsem myslel, že v PHP budu muset vytvořit velký počet podmínek, existuje však mnohem elegantnější zápis.</p>
<p>O vše se postará následující řádek:</p>
<pre class="brush: php; title: ; notranslate">if (strpos($_SERVER['PHP_SELF'], 'login.php')) echo ' id=&quot;current&quot;';</pre>
<p>Globální proměnná <strong>$_SERVER[&#8218;PHP_SELF&#8216;]</strong> obsahuje cestu k aktuálnímu souboru. Pokud v ní funkce <strong>strpos</strong> nalezne zadaný řetězec (v našem případě login.php) vrátí pozici, na které začíná. V případe žádného výskytu se dočkáme <strong>FALSE</strong>. Výpis <strong>id=&#8220;current&#8220;</strong> se proto u nevyhovující podmínky neprovede.</p>
<p>Nyní již jen stačí zmíněný kousek kódu umístit na patřičné místo. Obvykle záleží na tom, zda chcete nastavit id tagu <strong>a</strong> nebo <strong>li</strong>. Náš příklad vyžaduje druhou možnost, a proto pro zajištění plné funkčnosti postupuji následovně:</p>
<pre class="brush: php; title: ; notranslate">  echo '&lt;li';
  if (strpos($_SERVER['PHP_SELF'], 'login.php')) echo ' id=&quot;current&quot;';
  echo '&gt;&lt;a href=&quot;login.php&quot; &gt;&lt;span&gt;Přihlásit se&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;';
 
 echo '&lt;li';
  if (strpos($_SERVER['PHP_SELF'], 'register.php')) echo ' id=&quot;current&quot;';
  echo '&gt;&lt;a href=&quot;register.php&quot; &gt;&lt;span&gt;Registrace&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;';

 echo '&lt;li';
  if (strpos($_SERVER['PHP_SELF'], 'faq.php')) echo ' id=&quot;current&quot;';
  echo '&gt;&lt;a href=&quot;faq.php&quot; &gt;&lt;span&gt;FAQ&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;';</pre>
]]></content:encoded>
			<wfw:commentRss>http://szj.cz/zvyrazneni-aktualni-polozky-v-menu-s-pomoci-php/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
