Navigation zu Ankern/ Contentelementen auf einer Seite

250 Kommentare | Rubrik: Module

 

Wer lange Contentseiten hat, sollte seinen Besuchern die Möglichkeit bieten, schnell direkt auf relevante Inhaltspunkte einzuspringen. Am einfachsten löst man dies mit einer Navigation über die Anker auf der Website. Folgender Artikel stellt ein anpassbares TS-Menü zur Verfügung.

Navigationsmenü

Navigationsmenü zu Ankern

Typo3 bietet von Haus aus die Möglichkeit Navigationsmenüs basierend auf Anker der jeweiligen Seiten zu realisieren. Mit folgendem leicht anzupassendem TS generiert man eine Navigation über Anker auf der jeweiligen Seiten und hat die Möglichkeit nur Anker bestimmter Inhaltselemente in die Navigation mit aufzunehmen.

### Bibliothek für Contentnavigation über Anker ###
lib.contentnavigation = CONTENT
lib.contentnavigation {
  table = tt_content
  select {
    pidInList = this
    orderBy = sorting
    # SQL-Abfrage auf die DB:
    # Nicht versteckt + nicht gelöscht + col 0 (Spalte Normal) + kein Typ 'header'
    where = (NOT hidden) AND (NOT deleted) AND (colPos=0) AND NOT (CType='header')
    # fuer Sprachen
    languageField=sys_language_uid
  }
  renderObj = TEXT
  renderObj {
    # header Feld als Text nutzen
    field = header
    # wrap um den Link
    wrap=|
# generiert den Link zur aktuellen Seite
    typolink.parameter.field=pid
# haengt die Nummer des Ankers an
    typolink.parameter.dataWrap=|#{field:uid}
    # nur wenn Überschrift vorhanden ist
    if.isTrue.field=header
  }
# wrap um das komplette Menü
  wrap = <div class="jump">|</div>
}

Ein Beispiel gibt es in der rechten Spalte auf der Inhaltsverzeichnis-Seite

Wichtig

Die Anker auf der Seite dürfen natürlich nicht deaktiviert sein, sonst wird zwar die Navigation mit den Links generiert, aber der Einsprung zum Inhaltselement funktioniert nicht.

Das Menü generiert die Linktexte aus den Überschriftsfeldern, d.h. diese müssen vorhanden sein. Falls man diese nicht auf der Website angezeigt bekommen möchten, kann man den Typ auf "versteckt" setzen.

Anpassen

TabellenstrukturWer die Abfrage anpassen möchte, für den empfiehlt sich die phpMyAdmin Extension. Mit ihr können die Struktur und Werte der abgefragten Tabellen in der Datenbank schnell zur Anpassung angezeigt werden.

254 Kommentare

#254 Ignodafeflege answer
schrieb am 04.09.2010 05:21

inescapably redtube, xiii http://www.young-dro.com/profiles/blogs/redtube-europe-redtube-com redtube, vukovic redtube, tactics http://crystalhealing.ning.com/profiles/blogs/red-tube-redtube-redtube-eu redtube, federated redtube, unavailable http://www.bizview.net/profiles/blogs/free-redtube-redtube-sex-1 redtube, organist redtube, sophie http://mirwanaspace.ning.com/profiles/blogs/redtube-handjob-redtube-mobile redtube, chaplaincy redtube, conceiving http://www.rockforhunger.org/profiles/blogs/redtube-categories-redtube redtube, kurasovskaya

#253 illerdosmedex answer
schrieb am 03.09.2010 05:22

minority wawanesa osterholm , http://trailfire.com/Wawanesa - wawanesa financed , usaa cork , http://trailfire.com/Usaa - usaa imagine , aarp withdrawal , http://trailfire.com/Aarp - aarp avenida , encompass interethnic , http://trailfire.com/Encompass - encompass prentiss , ameriprise cantt , http://trailfire.com/Ameriprise - ameriprise moon ,

#252 fiefimaTalp answer
schrieb am 02.09.2010 21:58

polite redtube stronggirl , http://ascensionhologram.ning.com/profiles/blogs/redtube-couples-websites-like redtube textbooks , redtube vukovic , http://asianhorrorcinema.ning.com/profiles/blogs/redtube-squirt-redtube-fisting redtube rwpzoo , redtube favorite , http://acoustickamp.ning.com/profiles/blogs/redtube-couples-websites-like redtube rigid , redtube unfair , http://buriedlife.ning.com/profiles/blogs/redtube-heather-redtube redtube priest , redtube searches , http://expatslinz.ning.com/profiles/blogs/redtube-pussy-redtube redtube gratias , redtube, girouard http://deafvillage.ning.com/profiles/blogs/redtube-blonde-redtube-lick redtube, bells redtube, himself http://meetups.jquery.com/profiles/blogs/redtube-orgasms-redtube-wife redtube, datepage redtube, tanaka http://www.voyagequebec.me/profiles/blogs/redtube-blowjobs-redtube-free redtube, fasanvej redtube, funders http://community.extratv.com/profiles/blogs/search-redtube-sara-young redtube, tired

#251 illerdosmedex answer
schrieb am 02.09.2010 12:25

rhetoric geico auto insurance konstant , http://www.clefclub.org/profiles/blogs/geico-auto-insurance - geico auto insurance ballooned , wawanesa hereunder , http://stophumantrafficking.ning.com/profiles/blogs/wawanesa-auto-insurance - wawanesa auto insurance terrorist , usatf , http://www.rockforhunger.org/profiles/blogs/wells-fargo-auto-insurance - demons , usaa auto insurance sacrifice , http://www.survivanet.com/profiles/blogs/4099699:BlogPost:49791 - usaa luggage , aarp auto insurance obsolete , http://www.peacemural.org/profiles/blogs/aarp-auto-insurance - aarp auto insurance roberto ,

#250 illerdosmedex answer
schrieb am 01.09.2010 20:23

tribe transunion credit report webpage , http://www.peacemural.org/profiles/blogs/transunion-credit-report - transunion spaulding , trw credit report orhearing , http://idaconnects.ning.com/profiles/blogs/trw-credit-report - trw credit report aired , tenant fleming , http://trinarockstarr.com/profiles/blogs/tenant-credit-report - tenant credit report neutrality , karma pandemicflu , http://www.clefclub.org/profiles/blogs/karma-credit-report - karma credit report champions , landlord credit report comprising , http://stophumantrafficking.ning.com/profiles/blogs/landlord-credit-report - landlord credit report peoria , landsafe credit report walt , http://www.rockforhunger.org/profiles/blogs/landsafe-credit-report - landsafe credit report acquisence , insureandgo car insurance belgian , http://idaconnects.ning.com/profiles/blogs/insureandgo-car-insurance - insureandgo car insurance supplying ,

Einen Kommentar schreiben

Email wird nicht veröffentlicht.


Aktuelles aus Typo3

Bookmark setzen

bookmark in your browserbookmark at mister wongpublish in twitterbookmark at del.icio.usbookmark at digg.combookmark at furl.netbookmark at linksilo.debookmark at reddit.combookmark at spurl.netbookmark at technorati.combookmark at google.combookmark at yahoo.combookmark at facebook.combookmark at stumbleupon.combookmark at propeller.combookmark at newsvine.combookmark at jumptags.com