[TYPO3-UG Dutch] Zeer gekleurd menu.

[Jigal van Hemert]

Gosse J de Jong wrote:
> Op dit moment ben ik met een opdracht bezig waarin alle menu items een
> andere kleur moeten hebben. Ik dacht dit op onderstaande manier op te
> lossen, maar helaas. Als ik b.v. 6 menu items heb is de eerste goed, 2 t/m 5
> is de volgende in het NO.allWrap rijtje. Het laatste menu item is de derde
> in het rijtje. Dus eigenlijk krijg ik maar 3 kleuren actief, in de css style
> sheet loopt het goed, dit is gecheckt.
> 
> NO.allWrap = <div class="rood-no"> | </div> |*| <div class="geel-no"> |
> </div> |*| <div class="blauw-no"> | </div> |*| <div class="groen-no"> |
> </div> |*| <div class="zwart-no"> | </div>

De optionSplit die je gebruikt hebt kent drie "parts": first, middle en 
last. Deze worden gescheiden door |*|
In jouw voorbeeld staan er vijf "parts" en dat gaat nooit werken (de 
laatste twee worden gewoon genegeerd vermoed ik).

Regel 4 van optionSplit luidt: "The middle value is rotated" en dat is 
precies wat je krijgt met zes menuitems: first, middle, middle, middle, 
middle, last.

Er zijn echter ook "subparts" die gescheiden worden door ||

Je kunt de combinatie maken in jouw geval:

NO.allWrap = |*| <div class="rood-no"> | </div> || <div class="geel-no"> 
| </div> || <div class="blauw-no"> | </div> || <div class="groen-no"> |
  </div> || <div class="zwart-no"> | </div> |*|

Nu zijn first en last leeg en wordt alles met de middle part 
afgehandeld. De items worden nu rood, geel, blauw, groen, zwart, rood, 
geel, blauw,...
Bij zes menu-items krijg je dus rood, geel, blauw, groen, zwart, rood; 
je kunt er echter eenvoudig een zesde subpart aan toevoegen.

optionSplit is lastig om onder de knie te krijgen, maar er kan wel heel 
veel mee gedaan worden.

-- 
Jigal van Hemert.