Ich habe eine Knacknuss zu lösen und habe erst einen Teil der Lösung. Es gehts darum, dass ich auf der selben Seite die tt_news List Ansicht sowie die tt_news Single Ansicht habe.
Nun soll beim Klick auf ein List Element dieser Punkt in Fett dargestellt bleiben bis ein andere Punkt ausgewählt ist. Zusätzlich soll das selbe bei der Single Ansicht (wieder eine Liste) ebenfalls der Fall sein. Mit einem Javascript lässt sich dies lösen - funktioniert auch bereits.
Damit dies auch für die List Ansicht funktioniert muss ich das <!--###LINK_ITEM###--> mit Javascript ergänzen können. Gibt es dafür eine Möglichlichkeit?
Nachfolgend das komplette Template:
<!-- ###TEMPLATE_LIST### begin -->
###BROWSE_LINKS###
<ul style="list-style:none; margin:0;">
<!-- ###CONTENT### begin -->
<!-- ###NEWS### begin -->
<div style="float:left; width:260px;" id="ContentColums">
<li><!--###LINK_ITEM###-->###NEWS_TITLE###<!--###LINK_ITEM###--></li>
<!-- ###NEWS### end-->
<!-- ###NEWS_1### begin -->
<li><!--###LINK_ITEM###-->###NEWS_TITLE###<!--###LINK_ITEM###--></li>
<!-- ###NEWS_1### end-->
<!-- ###NEWS_2### begin -->
<li><!--###LINK_ITEM###-->###NEWS_TITLE###</a><!--###LINK_ITEM###--></li>
<!-- ###NEWS_2### end-->
<!-- ###NEWS_3### begin -->
<li><!--###LINK_ITEM###-->###NEWS_TITLE###</a><!--###LINK_ITEM###--></li>
<!-- ###NEWS_3### end-->
<!-- ###NEWS_4### begin -->
<li><!--###LINK_ITEM###-->###NEWS_TITLE###</a><!--###LINK_ITEM###--></li>
</div>
<!-- ###NEWS_4### end-->
<!-- ###NEWS_5### begin -->
<div style="float:left; width:260px;">
<li><!--###LINK_ITEM###-->###NEWS_TITLE###<!--###LINK_ITEM###--></li>
<!-- ###NEWS_5### end-->
<!-- ###NEWS_6### begin -->
<li><!--###LINK_ITEM###-->###NEWS_TITLE###<!--###LINK_ITEM###--></li>
<!-- ###NEWS_6### end-->
<!-- ###NEWS_7### begin -->
<li><!--###LINK_ITEM###-->###NEWS_TITLE###<!--###LINK_ITEM###--></li>
<!-- ###NEWS_7### end-->
<!-- ###NEWS_8### begin -->
<li><!--###LINK_ITEM###-->###NEWS_TITLE###<!--###LINK_ITEM###--></li>
<!-- ###NEWS_8### end-->
<!-- ###NEWS_9### begin -->
<li><!--###LINK_ITEM###-->###NEWS_TITLE###<!--###LINK_ITEM###--></li>
</div>
<!-- ###NEWS_9### end-->
<!-- ###CONTENT### end -->
<div style="clear:left;"></div>
</ul>
<!-- ###TEMPLATE_LIST### end -->
<!-- ###TEMPLATE_SINGLE### begin -->
<ul id="NavigationC" style="margin:0; list-style:none;">
<script type="text/javascript">
function showHide(products) {
var el = document.getElementById('ArbeitenSamples');
var children = el.childNodes;
if (children[products].className == "hide") {
for(var i=0; i < children.length; i++) {
children[i].className = 'hide';
}
children[products].className = '';
}
else {
children[products].className = 'hide';
}
}
function byId(id) {
return document.getElementById ? document.getElementById(id) : document.all[id];
}
var prevLink = "";
function changeActiveStates(ele) {
if (prevLink) byId(prevLink).className = "";
ele.className = 'activate';
prevLink = ele.id;
}
</script>
<style type="text/css">
.hide { display:none; }
.activate { font-weight: bold; }
</style>
<li><a href="javascript:showHide('0');" id="link0" onclick="changeActiveStates(this)">###ARBEITEN_TITLE01###</a></li>
<li><a href="javascript:showHide('1');" id="link1" onclick="changeActiveStates(this)">###ARBEITEN_TITLE02###</a></li>
<li><a href="javascript:showHide('2');" id="link2" onclick="changeActiveStates(this)">###ARBEITEN_TITLE03###</a></li>
<li><a href="javascript:showHide('3');" id="link3" onclick="changeActiveStates(this)">###ARBEITEN_TITLE04###</a></li>
<li><a href="javascript:showHide('4');" id="link4" onclick="changeActiveStates(this)">###ARBEITEN_TITLE05###</a></li>
<li><a href="javascript:showHide('5');" id="link5" onclick="changeActiveStates(this)">###ARBEITEN_TITLE06###</a></li>
<li><a href="javascript:showHide('6');" id="link6" onclick="changeActiveStates(this)">###ARBEITEN_TITLE07###</a></li>
<li><a href="javascript:showHide('7');" id="link7" onclick="changeActiveStates(this)">###ARBEITEN_TITLE08###</a></li>
<li><a href="javascript:showHide('8');" id="link8" onclick="changeActiveStates(this)">###ARBEITEN_TITLE09###</a></li>
<li><a href="javascript:showHide('9');" id="link9" onclick="changeActiveStates(this)">###ARBEITEN_TITLE10###</a></li>
</ul>
<div id="ArbeitenSamples"><div>###ARBEITEN_WORK01###</div><div class="hide">###ARBEITEN_WORK02###</div><div class="hide">###ARBEITEN_WORK03###</div><div class="hide">###ARBEITEN_WORK04###</div><div class="hide">###ARBEITEN_WORK05###</div><div class="hide">###ARBEITEN_WORK06###</div><div class="hide">###ARBEITEN_WORK07###</div><div class="hide">###ARBEITEN_WORK08###</div><div class="hide">###ARBEITEN_WORK09###</div><div class="hide">###ARBEITEN_WORK10###</div></div>
<!-- ###TEMPLATE_SINGLE### end -->
Danke, Thomas.