ugrás a tartalomhoz

css menu úgy maradjon

handycam14 · 2013. Május. 21. (K), 16.24
Sziasztok!
Szeretnek egy olyan css menut, hogy tegyuk fel van X menüm, amik hivatkozasok.(sima fekete szinu szoveg).
A menu hover-je legyen: pl: sarga hatterszin.(ha raviszem az egeret)
Ez eddig oké. De ugy szeretnem(maradnek most a peldamnal), hogy ha rakattintottam valamelyik menure, akkor legyen az a menu mind addig narancssarga amig nem kattintok egy masik menure.(szoval hogy tudjam melyik oldalon is vagyok)
itt egy konkret pelda:
A masik kerdes, hogyan adom meg hogy a "főoldal" menü, már alapbol narancssarga legyen(mint ahogy a weblapon amit linkeltem)

Mivel lehet ilyet csinalni?:)
Koszi a valaszokat!
 
1

Egy példa

hunkris · 2013. Május. 21. (K), 16.51

.menu_active {
  background-color: #FF6600;
}
2

Csá, csumi!

Hidvégi Gábor · 2013. Május. 21. (K), 17.29
Szakmailag kissé pongyola a megfogalmazásod, haverinak meg túl formális. Így nehezen fogsz bevágódni a két csoportnál!
6

A helyesírástól eltekintve én

Joó Ádám · 2013. Május. 21. (K), 22.49
A helyesírástól eltekintve én nem látok gondot vele.
3

Kérdésre válasz

tiszarobi · 2013. Május. 21. (K), 20.16
Az jó amit hunkris írt de még kell hozzá egy ilyesmi jquery kód:
$('ul li').click(function(){
$('ul li').removeClass('menu_active');
$(this).addClass('menu_active');
});


Ez csak akkor jó ha a menü felsorolás(ul li).
(Ha hiba van benne bocsi mobilról írtam.)
4

Szerintem ez már

hunkris · 2013. Május. 21. (K), 20.51
Szerintem ez már kikövetkeztethető volt, és ehhez még jquery sem kell.
5

szerver

Pepita · 2013. Május. 21. (K), 22.18
mindezt szerveroldalon is meg lehet oldani, akkor nem függ js/stb-tol, de ugy tünik az még odébb van.
7

Köszönöm mindenkinek!

handycam14 · 2013. Május. 25. (Szo), 21.33
Köszönöm mindenkinek! Működik:)
8

Hogyan?

Pepita · 2013. Május. 25. (Szo), 21.57
Örülök, hogy műxik, de mégis: hogyan? (Megoszthatnád, hogy mások is tanulhassanak.)
9

En a jQuery-s megoldast

handycam14 · 2013. Május. 26. (V), 22.36
En a jQuery-s megoldast talaltam legegyszerubbnek. Amit "tiszarobi" felhasználó írt.
Pontosabban ezt:

$('ul li').click(function(){
$('ul li').removeClass('menu_active');
$(this).addClass('menu_active');
});
ezt sem elfelejteni persze:

   <head>
   <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
   </head>
 

Persze ehez kell a css-ben egy "menu_active" osztaly (az en peldamnal maradva)

     .menu_active {background:orange}
Es mukodik is:)
10

Igen, Tiszarobi megoldása ez

Pepita · 2013. Május. 26. (V), 23.26
Hátránya: ha az oldalon bárhol, bármelyik listaelemre kattintasz, az is narancshátterű lesz. A jQuery selector-t kellene még pontosítani, pl. ha van a menünek azonosítója (id), vagy egy azonosítóval rendelkező elemen belül van (pl. div).

Szóval ez még nincs teljesen kész - szerintem.
11

Igazad van így kéne

tiszarobi · 2013. Május. 27. (H), 11.59
Igazad van így kéne igazából:
$('ul.menu li').click(function() {
$('ul li').removeClass('menu_active');
$(this).addClass('menu_active');
});


Így az ul-nek adni kell egy 'menu' class-t.
12

id-t, nem class-t

Pepita · 2013. Május. 27. (H), 18.19
Tekintve, hogy menüből általában 1 van. :)
13

Legyen inkább class. Bármikor

bamegakapa · 2013. Május. 29. (Sze), 17.47
Legyen inkább class. Bármikor elôfordulhat, hogy ismételni akarod a menüt. Praktikusabb, módosításbarátabb.

Mondjuk akkor ez a kis kód sem elég jó, ha több menü van.