Hallo typo´ler
in folgendem Beitrag wird gut erklärt, wie man ein Menu für auf einer Seite verhandenen Anker erstellen kan:
#590226
Mit folgendem TS erstelle ich mir dieses Menu wobei ich auf folgende Probleme stoße:
## FooterMenu [Beginn]
# Hier werden die Seiteninhalte der aktuelle Seite ausgegeben
# Die Links beziehen sich auf die Anker der aktuellen Seite
lib.footerMenu = CONTENT
lib.footerMenu {
table = tt_content
select {
selectFields = pid, uid, header, colPos
where = colPos LIKE '%0%'
orderBy = sorting
#Wenn Inhalte einer anderen Seite als Links gezeigt werden sollen,
#ID´s der anderen Seite hier eintragen.
#pidInList = 2, 3, 4
}
renderObj = COA
renderObj {
# Titel
10 = TEXT
10 {
field = header
typolink{
typolink.title = Zu diesem Inhalt wechseln
#ATagBeforeWrap = <div>|</div>
parameter.field=pid
parameter.dataWrap=|#{field:uid}
ATagParams = id="{uid}" class="footerMenu"
}
wrap = |
}
}
}
## FooterMenu [End]
1. Problem
Ich verwende TemplaVoila zur Darstellung der Webseite und nutze auf der Seite zwei Contentbereich für die Inhalte. Der erste Inhalt ist der Header, der zweite der eigentliche Text, welche immer aus vier einzelnen Inhaltselementen besteht. Der zweite Inhalt wird in einem Layer mit fester höher dargestellt. Am unteren Ende des Layers befindet sich ein Footer mit dem Ankermenu. Header und Footer sind fest, wobei sich der Layer dezwischen befindet. Wähle ich nun einen Link aus dem Ankermenu, springt der Layer an die entsprechende Position.
Um den Header (welche ja auch Inhaltselement mit Anker ist) nicht im Menu zu haben, nutze ich im TS where = colPos LIKE 0, da der Header in der Tabelle tt_content unter colPos eine "1" stehen hat.
Meine Frage: Werden die einzelnen Bereiche in TemplaVoile über die colPos angesprochen oder war das nur Glück in diesem Fall?
2. Problem
Mein Kunde möchte nun vor dem aktuellen Menupunkt des Ankermenu eine kleine Grafik haben. Über ein JavaScript wollte ich die einzelnen Links mittels einer ID ansprechen. Leider bekomme ich keine ID in den Link eingefügt.
Der Versuch über ATagParams = id="{field:uid}" oder ATagParams = id="{field:uid}" klappt aber leider nicht.
So sieht mein Link momentan aus:
<a href="#c54" id="{field:uid}" class="footerMenu">
Aber so bräuchte ich ihn:
<a href="#c54" id="c54" class="footerMenu">
Hat jemand von euch für dieses Problem eine Lösung? Danke im Voraus.
Gruß
febo