Zum Inhalt springen

Menuüber- und Menüunterpunkte hervorheben

Erstellt am 21. Februar 2012 · 4 Antworten · letzte Antwort am 22. Februar 2012

Tags: Frage

craiten ·

Moin moin,

momentan habe ich das problem, dass ich dein Menü habe, wo die jeweiligen Unterpunkte erscheinen, sobald man sie anklickt.

Problem: Wenn ich ein Unterpunkt anklicke, hebt sich dieser zwar hervor, aber der "Haupt"Menüpunkt ist nicht hervorgehoben.

Hat jemand eine idee?

//Hauptmenü
lib.navigation1 = HMENU
lib.navigation1 {
 
  stdWrap.prepend = TEXT
  stdWrap.prepend {
    //wrap = <span class="menupoint">Hauptmenü</span>
  }
  special = list
  special.value = 26,9,41,14,15,23
  entryLevel = 1
  1 = TMENU
  1 {
    wrap= <ul class="menu orange">|</ul>
    noBlur = 1
    expAll = 1
    NO = 1
    NO {
      ATagTitle.field = title
      //ATagParams = class="menuhover"
      wrapItemAndSub = <li>|</li>
      stdWrap.prepend = TEXT
      stdWrap.wrap = |
    }
    CUR = 1
    CUR {
      ATagTitle.field = title
      //ATagParams = class="current"
      wrapItemAndSub = <li class="current">|</li>
      stdWrap.prepend = TEXT
      stdWrap.wrap = |
    }
  }  
}  


//Untermenü
lib.field_subnavigation = HMENU
lib.field_subnavigation {

 entryLevel = 2
 1 = TMENU
 1 {
 NO = 1
 NO.allWrap = &nbsp;&nbsp;::&nbsp;
 CUR = 1
 CUR {
      ATagTitle.field = title
      wrapItemAndSub = &nbsp;&nbsp;::&nbsp; <strong>|</strong>
      stdWrap.prepend = TEXT
      stdWrap.wrap = |
      lib.navigation1.1.CUR {
      ATagTitle.field = title
      //ATagParams = class="current"
      wrapItemAndSub = <li class="current">|</li>
      stdWrap.prepend = TEXT
      stdWrap.wrap = |
    }
    }   

 }

Ich habe gelesen, dass ich das Hauptmenü auf CUR oder ACT setzen muss zusätzlich, aber es funktioniert leider nicht.

MfG
Craiten

craiten ·

Jo okay, auf active setzen, aber wie sieht das dann in der Notation im Code aus?
Wo würde ich diese Angabe dann reinschreiben?

Folgende Zeilen hätte ich nun eingebaut:

lib.navigation1.CUR = active
lib.navigation1.ACT = active

MfG

udowald ·

Hallo craiten,

das funktioniert genauso wie bei CUR. Du musst nicht so viel schreiben wenn Du es so einbaust:

.....
    NO = 1
    NO {
      ATagTitle.field = title
      //ATagParams = class="menuhover"
      wrapItemAndSub = <li>|</li>
      stdWrap.prepend = TEXT
      stdWrap.wrap = |
    }
    CUR = 1
    CUR < .NO
    CUR.wrapItemAndSub = <li class="current">|</li>
    ACT = 1
    ACT < .CUR
......

Jetzt werden die activen ebenfalls mit der class="current" gewrappt. Es kommt auf dein CSS drauf an ob currrent ausreicht oder ACT eine eigene class bekommt.

dann halt noch eine Zeile dazu:

ACT.wrapItemAndSub = <li class="active">|</li>