Hello,
I’m buildung a graphical menu by using
[!Wayfinder? &startId=`1` &includeDocs=`3,4,5,6` &level=`1` &outerClass=`bildmenue` &hereTpl=`bb_parentRowTpl` &rowTpl=`bb_rowTpl` &parentRowHereTpl=`bb_parentRowTpl`!]
This will built an additional graphical element to show the user in wich of 4 main menu areas he is. The graphical buttons usually are gray, but when I hover or when I am in one of the 4 branches, the appropriate button would be coloured. Understanding, what I mean?
I’m using two templates:
bb_rowTpl is
<li[+wf.id+][+wf.classes+]>
<a onmouseover="mnbtn[+wf.docid+].src='assets/images/buttons/btn-[+wf.docid+]-1.png'" onmouseout="mnbtn[+wf.docid+].src='assets/images/buttons/btn-[+wf.docid+]-0.png'" href="[+wf.link+]" title="[+wf.title+]" [+wf.attributes+]><img src="assets/images/buttons/btn-[+wf.docid+]-0.png" alt="[+wf.title+]" id="mnbtn[+wf.docid+]"/></a>
<img src="assets/images/buttons/btn-[+wf.docid+]-1.png" alt="]" class="preload"/>
</li>
and bb_parentRowTpl is
<li[+wf.id+][+wf.classes+]>
<a href="[+wf.link+]" title="[+wf.title+]" [+wf.attributes+]><img src="assets/images/buttons/btn-[+wf.docid+]-1.png" alt="[+wf.title+]" /></a>
</li>
The rowTpl has Javascript for hover support and additionally outputs the coloured hover state image with class="preload" wich is not displayed, but the image is preloaded.
My problem is: which WF-templates do I have to use so that my button will be coloured, whenever the current document is in one branch of my website.
With the above settings, I only achieve that when I am on a top-level page, that image is colored, but when I go deeper in my document tree, the image is gray again.
Any ideas very much apreciated
Martin
