Zvýraznění aktivní položky menu

DiDu
Odkaz můžeš zvýraznit pomocí css a to pomocí atributu a:active a nebo to zkus polopatě -> http://polopate.jakpsatweb.cz/index.php?page=include4. Ještě dodám že pomocí javascriptu by to šlo pomocí události onmouseover onmouseout

DiDu
Pomoci PHP ohlidat, kde se prave nachazis a tu polozku zvyraznit. Presne nvm jak takze vic neporadim.

DiDu
Btw, web by nemel byt zavisly na JS, drtiva vetsina jde pomoci CSS. Kup si knihu Mistrovstvi v CSS a pochopis.

1.
a) PHP: pomoci PHP a regularnich vyrazu hledas v HTML kodu
<a href="jmenostranky.php
a to si prepises a <a class="sel" href=...
(cili celou cast menu si das do string promenne $str = "...";
pouzijes funkci replace - cz.php.net/str_replace ;
a pak echo $str;)

b) Totez lze udelat pomoci JS
jaksatweb - javascript - priklady - gethttpvars
str = idMenu.innerHTML;
str = str.replace(...)
idMenu.innerHTML = str;

2.
a)
PHP generujes menu z nejakeho pole (array(1,2,3)) pomoci nejakeho scriptu a tomu reknes, kterou polozku ma zvyraznit.
Jako ja mam treba knihovnu na SELECT, A HREF, tak tam pridat polozku menu
$x = array(
'index.php'
);
foreach($x as $a=>$b)
echo "<a href="".$a."">ahoj</a>";

b) totez lze pomoci JS (new Array(1,2,3))

3. pomoci JS DOm se muzes dostat do elementu s ID menu a v nem ke vsem odkazum A a u nich si zkontrolovat parametr href jestli se rovna tvemu
Neco, jako pouzivam na
http://peter-mlich.wz.cz/x/sort/studium_programy3.htm
na serazovani

Ahoj, já mám podobný problém a a:active mi nefunguje :( zbarví se mi ten odkaz v menu jen když na něj klikám, ale jak dám myš pryč, tak má zase původní barvu
Chci jen docílit toho, aby odkaz (stránka), na které zrovna jsem, byla v menu barevně odlišená...

Takhle vypadá můj zápis pro tu lištu s menu, co mám doplnit, aby mi ten odkaz třeba zčernal, když je aktivní?

#lista1 {
margin: 0px auto;
padding: 8px;
text-align: center;
font-size: 13pt;
width: 804px;
background-color: #d2691e;
}

#lista1 a {
text-decoration: none;
color: #fff5ee;
background-color: #d2691e;
font-weight: bold;
padding: 8px;
}

DiDu: to jsem si vůbec neuvědomila, odkazy tam samozřejmě mám, nebo spíše budu mít až ty stránky naplním, v tom případě nevím, jak to v CSS vyřešit a nic jiného než CSS neumím :(

Radulina - příklad:
Pro každou stránku trošku jinak menu:

pro první stránku:
<a class="aktivni" href="...">položka 1</a>
<a href="...">položka 2</a>
<a href="...">položka 3</a>

pro druhou stránku
<a href="...">položka 1</a>
<a class="aktivni" href="...">položka 2</a>
<a href="...">položka 3</a>

atd.

A pro třídu .aktivni předepsat v css třeba jinou barvu textu, jinou barvu pozadí atp.

Teda jak jsem se radovala, jak to hezky vyřeším pomocí poslední rady, ale ono to nefunguje :( co sakra dělám blbě?

takhle to mám zapsaný ve stylu
.aktivni {
background-color: black;
color: #d2691e;
}

a takhle pak ve zdrojáku
<a class="aktivni" href="index.html">Úvod</a>

A ještě jeden dotaz, né až tak do tohohle tématu. Ale když si to otevřu ve Firefoxu, tak mi horní obrázek odskakuje doprava, ale lišta s menu co je pod tím zůstane v pohodě, nevíte čím to může být a jak to spravit, aby se mi to zároveń nerozházelo v exploreru? Jinak už jsem kupodivu všechno sladila tak, aby to v exploreru i ve firefoxu vypadalo tak jak má...

Radulina
a.aktivni — styluješ totiž odkaz.

takže tak jak to mám mám předepsat před .aktivni pouze a? tak mi to ale taky nefunguje :(

jéé funguje, ale musela jsem si to hodit takhle, mělo mi to dojít hned no...
#lista1 a {
text-decoration: none;
color: #fff5ee;
background-color: #d2691e;
font-weight: bold;
padding: 8px;
}

#lista1 a.aktivni {
color: black;
}

Díky mnohokrát :)

mam problem stejny jako Didu, nicmene sem na tom o neco lepe.. ja sem to vyresil. Moje reseni vsak nefunguje ve firefoxu, budu vdecny za jakykoli napad.

moje implementace:
onClick volam funkci ktera mimo jine provede toto :
document.getElementById(objekt).className ="current";
ale jak rikam nejde to ve ff .. ale aspon neco...

(diakritiku a interpunkci nepouzivam, a timto se za to omlouvam)