ugrás a tartalomhoz

menu "ahol vagyok" mutatása

nimrodka · 2012. Okt. 9. (K), 21.31
Üdv!

Problémám a következő lenne:
Szeretnék egy menüt létrehozni úgy, hogy ha a menüpont fölé viszem az egeret, a menüm háttere pl. szürkére változik, és ha az adott oldalon vagyok (kattintás után), akkor pedig pl. piros a háttere, mindaddíg amíg azon az oldalon vagyok, amire a linkem mutatott.

Ha tudtok valami útmutatást, hogy hol és milyen tulajdonságoknak nézzek utána, akkor megköszönném ha írnátok.

Gondolom css vagy javascript megoldhatja a problémámat, de nem találom sehol.

Köszi előre is!
‹ Weblaphoz szeretnék véleményt kérni cross-browser 3d megjelenítés ›
 ■
1

JavaScript vagy szerver oldal

janoszen · 2012. Okt. 9. (K), 21.47
JavaScripttel vagy szerver oldalon tudod megcsinalni. Azt kell vizsgalnod, hogy a cimsorban szereplo cim megegyezik-e a link cimevel. Persze azt is nezned kell, hogy abszolut vagy relativ hivatkozasaid vannak-e, stb.

Kodot direkt nem irok lenne, mert ha utana asol a temanak, sokkal tobbet tanulsz.
2

css class és hover

szabo.b.gabor · 2012. Okt. 10. (Sze), 08.17
CSS lesz a barátod az aktuális elemnek adj egy 'active' class-t pl az egér fölévitel pedig :hover lesz.

pl ha chrome-mal jobb klikkolsz a fenti menüre (blog, blogmarkok, cikkek, stb.) és azt mondod, hogy elem vizsgálata, akkor könnyen megtalálhatod a style.css 250. sorának környékét, hogy egy valós példát is mutassak
3

Css esetén rendelhetsz a

Szuperjég · 2012. Okt. 16. (K), 02.01
Css esetén rendelhetsz a hivatkozásaidhoz külön osztályt. Ezután az "ahol vagy" lapnak a stíluslapján hozzárendeled a formát.

Például

<a href="alma.html" class="alma">alma</a>
<a href="korte.html" class="korte">körte</a>
Az alma lap stílusa mondjuk:

a:hover {
background: #EFDECD;
color: white;
}

a.alma{
background: red;
color: white;
}
A körte lap stílusa meg:

a:hover {
background: #EFDECD;
color: white;
}

a.korte {
background: yellow;
color: white;
}
4

Miért?

Pepita · 2012. Okt. 16. (K), 06.09
Miért csinálna minden oldalhoz külön CSS-t?! Főként amikor mindegyik "aktív menüt" egyformán akarja jelölni. Ezenkívül simán lehet, hogy az oldalakat is szerveroldalon (dinamikusan) állítja elő, akkor elég nehéz is oldalanként másik CSS-t kreálni. És a menühöz pont teljesen felesleges is, sőt, helytelen, mert megtöbbszörözi a hibalehetőségeket.

Ez egy rossz tanács, sajnos úgy tűnik, nem vagy még eléggé tisztában azzal, hogy mit és mire érdemes használni.

Összesen két osztály kell, pl. "menu" és "active_menu", és egyetlen CSS. Azt, hogy hogyan rendelheted hozzá a menühöz az osztályt, az első két válaszból pontosan kiderül.
5

Bocs, visszavonom amit írtam,

Szuperjég · 2012. Okt. 16. (K), 09.24
Bocs, visszavonom amit írtam, rossz megoldás. Ha erre jár egy moderátor akkor kérem törölje, hogy ne vegye át valaki, ahogyan én is tettem.
6

Szerintem nem kell moderálni

Pepita · 2012. Okt. 21. (V), 13.20
Ott a példa és az ellenjavaslat, abból is lehet tanulni.
Én legtöbbet a saját hibáimból tanulok, de másokéból is. Így meggondolva felesleges kitörölni, illetve akkor válaszokkal együtt kell.