Sie sind hier: » ZMS home » Dokumentation » Details » How-To » Design » Channel-Buttons

Channelleiste mit grafischen Buttons erstellen [Images zentral in ./common/nav]

Um eine Navigations-Leiste aus Grafiken zu erstellen, hat man zwei grundsätzlich Möglichkeiten: 1. Zentrale Ablage der Images im ./common-Folder und Referenzierung dieser Images über einen korrespondierenden Metaattribut-Wert. 2. Anlage eines Meta-Attributes vom Typ "image". Im folgenden wird Variante 1 dargestellt; Variante 2 funktioniert analog dem How-To "Channel-Logo".

Lösungsansatz: auf der Basis von Templateset-3.
1. Einführung eines Meta-Attributes mit der Id "Channel".
2. Ablage der Channel-Images im Ordner ./common/nav/ und Benamung nach einer definierten Konvention (z.B. nach dem Kurztitel der Channels).
3. Verwendung des Codebeispiels für die dtml-Methode bodyContent_Channels aus Templates-Set-3 (s. unten)

<!-- BO bodyTop_Channels -->

<dtml-in "getNavElements(REQUEST)">
<dtml-let highlightThis="REQUEST['URL'].find(id+'/')>0">
 <dtml-if "isMetaType(['ZMSRubrik','ZMSSysFolder'])">
  <dtml-call "REQUEST.set('_u',common.nav.absolute_url())">
  <dtml-call "REQUEST.set('_c',getObjProperty('attr_channel',REQUEST).lower())">
  <dtml-if "getLevel()==1 and '%s.gif'%REQUEST['_c'] in common.nav.objectIds()">
    <dtml-call "REQUEST.set('_s0','%s/%s.gif'%(REQUEST['_u'],REQUEST['_c']))">
    <dtml-call "REQUEST.set('_s1','%s/%s_on.gif'%(REQUEST['_u'],REQUEST['_c']))">
    <dtml-if highlightThis>
     <dtml-call "REQUEST.set('_s0',REQUEST['_s1'])">
    </dtml-if>
    <a href="<dtml-var "getHref2IndexHtml(REQUEST)">"
     onmouseover="<dtml-var "REQUEST['_c']">.src='<dtml-var "REQUEST['_s1']">';"
     onmouseout="<dtml-var "REQUEST['_c']">.src='<dtml-var "REQUEST['_s0']">';"
     ><img name="<dtml-var "REQUEST['_c']">"
     src="<dtml-var "REQUEST['_s0']">" alt="<dtml-var "getTitle(REQUEST)">"  border="0"
    ></a>
  </dtml-if>
 </dtml-if>
</dtml-let>
</dtml-in>

<!-- EO bodyTop_Channels -->