Új hozzászólás Aktív témák

• Jim-Y veterán

  #3565

  #3564 Sk8erPeter

  2013-06-11 17:54:41

  Új Válasz

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  

  Jim-Y

  veterán

  #3564 Sk8erPeter

  #3564 Sk8erPeter

  Ez sztem inkább szerveroldali feladat, belegenerálsz az aktív menüpontba pl. egy "active" class-t, és azt mindig nyitva tartod. Vagy most nézem, a kódodban ez a "current". Az is jó.
  De mondjuk ennek nem sok köze van a JavaScripthez, mivel itt a kódodban is szimplán csak HTML+CSS-kombóval oldottad meg.

  Pl. most egy sort JavaScript-kódot nem raktam hozzá, csupán az Akciók <li>-be beleraktam egy class="current"-et a kódod mintájára, aztán a CSS-kódhoz összesen két sort tettem hozzá, és kész is voltam vele, így az Akciók menüpont mindig nyitva van:
  http://jsfiddle.net/96Bu8/11/
  Egész konkrétan azt tettem hozzá újonnan, amihez kommentbe odaírtam, hogy /* ÚJ */.

  Ilyenre gondoltál?

  A feladat tehát annyi, hogy szerveroldalon mindig az aktuális <li>-be belegenerálsz (akár sima if-else-ekkel) egy current class-t, ahogy itt is mutattam. Nyilván megoldható egyébként JavaScripttel is, de alapvetően szerveroldali feladatot minek rábízni a kliensre. Persze ha nagyon muszáj megoldani JS-ben, akkor tudunk segíteni benne.

  Én ezt már csak annyival egészíteném ki, hogy a főmenükre állítanék egy listenert, és click event esetén hozzáadnám az itemhez, vagy elvenném belőle a current class-t. Így

  Persze a className = '' helyett jobb lenne írni egy függvényt ami csak a currentet szedi ki, de azzal már nem akartam bonyolítani a kódot, és jquery-vel ez egyszerűbb is..

Új hozzászólás Aktív témák