Zum Inhalt springen

Eindeutige UL-Tags in Menü

Erstellt am 13. März 2008 · 4 Antworten · letzte Antwort am 17. März 2008

Tags: Frage

uhu ·

Hallo,
ich kriegs einfach nicht hin. Die Tipps hier haben mir leider bis jetzt auch nicht weitergeholfen.

Mein TS (vereinfacht) für das Menü:

temp.basicMenu = HMENU
temp.basicMenu {
	wrap = <div class="mainnavigation">|</div>
	entryLevel = 0
	1 = TMENU
	1.noBlur = 1
	1 {
		expAll = 1
		wrap = <ul>|</ul>
		NO = 1
		NO {	
			wrapItemAndSub = <li>|</li>			
		}
	}
	2 < .1
}

Ich möchte nun die <ul> Tags mit einer eindeutigen ID versehen, damit ich diese z.B. gezielt mit JavaScript oder im CSS ansprechen kann. Dabei sollte, nach Möglichkeit, die Hierarchie der Listenstruktur erkennbar sein.
Also z.B.:

<ul id="level-1">
    <li>Menu1
        <ul id="level-1-1">
              <li>Menu1.1</li>
              <li>Menu1.2</li>
              <li>Menu1.3</li>
        </ul>
    </li>
    <li>Menu2
        <ul id="level-1-2">
              <li>Menu2.1</li>
              <li>Menu2.2</li>
              <li>Menu2.3</li>
        </ul>
    </li>
</ul>

Vielen Dank schonmal.

Bin für jeden Tipp dankbar.

Gruss Peter

uhu ·
fuss schrieb

Erhm?
So vielleicht?

wrap = <ul id="FOO">|</ul>

Nein, dann habe ich ja bei jedem <ul> die gleiche ID (FOO). Ich möchte aber jedes <ul> mit einer anderen, eindeutigen ID versehen. Also z.B. FOO1, FOO2, FOO3 usw.

Irgendwie mit einem Zähler und Register müsste das funktionieren. Ich kriegs nur nicht hin :-(

Gruss Peter

einpraegsam.​net ·
temp.basicMenu = HMENU
temp.basicMenu {
	wrap = <div class="mainnavigation">|</div>
	entryLevel = 0
	1 = TMENU
	1.noBlur = 1
	1 {
		expAll = 1
		wrap = <ul id="bla">|</ul>
		NO = 1
		NO {	
			wrapItemAndSub = <li>|</li>			
		}
	}
	2 < .1
        2.wrap = <ul id="bla2">|</ul>
}

Ist aber unnötig, das kannst du auch ohne verschiedene IDs über CSS lösen:

ul#menu {
  blabla
}
ul#menu li ul {
  blubb
}
uhu ·

Hallo,

wunschtacho schrieb
temp.basicMenu = HMENU
temp.basicMenu {
	wrap = <div class="mainnavigation">|</div>
	entryLevel = 0
	1 = TMENU
	1.noBlur = 1
	1 {
		expAll = 1
		wrap = <ul id="bla">|</ul>
		NO = 1
		NO {	
			wrapItemAndSub = <li>|</li>			
		}
	}
	2 < .1
        2.wrap = <ul id="bla2">|</ul>
}

Nein das ist es leider auch nicht. Vielleicht habe ich mich undeutlich ausgedrückt. Es soll wirklich JEDER <ul> Tag, nicht nur die versch. Ebenen, mit einer unterschiedlichen, eindeutigen ID versehen werden (siehe meine erster Beitrag).

Ist aber unnötig, das kannst du auch ohne verschiedene IDs über CSS lösen:

ul#menu {
  blabla
}
ul#menu li ul {
  blubb
}

Nein nicht ganz. Das zweite Untermenü ist auch ul li ul verschachtelt. Damit spreche ich dann alle Untermenüs der ersten Ebene an.

Danke trotzdem.

Gruss Peter