Jumpmenü / Quickmenü

Armin Bartsch, Mittwoch, 11. März 2009

Ein Jumpmenue über eine Auswahlliste zur schnellen Navigation auf der Website

Bieten Sie Ihren Besuchern auf jeder Seite Ihrer Internetpräsenz eine kleine Sitemap um sich einen Schnellüberblick über Ihre Seite zu verschaffen und um schnell ans Ziel zu gelangen.

Erreicht wird das über eine eine Auswahliste select-

TypoScript

Mit dem MENU Object JSMENU liefert TYPO3  eine Möglichkeit ein Jumpmenü zu erstellen. Leider stehen mit JSMENU nur wenige Konfigurationsmöglicheiten zur Verfügung, so das ich das Jumpmenü mit dem MENU Object TMENU erstelle, es können die vollen Konfigurationsmöglichkeiten von TMENU genutzt werden..

Links im Jumpmenü werden mit typolink erzeugt, das garantiert das die Links "richtig" erzeugt werden.

lib.quickmenu = HMENU lib.quickmenu { special = directory special.value = 5 wrap = <form action=""><p><select onchange="window.location=this.options[this.selectedIndex].value"><option value="">Seitenauswahl</option>|</select></p></form> 1 = TMENU 1 { expAll = 1 NO { doNotLinkIt = 1 stdWrap.cObject = COA stdWrap.cObject { 10 = TEXT 10 { wrap = <option value="/|"> typolink { parameter.field = uid returnLast = url } } 20 = TEXT 20 { field = subtitle//title wrap = |</option> } } } } 2 < .1 2.NO.stdWrap.cObject.20.wrap = --|</option> 3 < .1 3.NO.stdWrap.cObject.20.wrap = ----|</option> 4 < .1 4.NO.stdWrap.cObject.20.wrap = ------|</option> 5 < .1 5.NO.stdWrap.cObject.20.wrap = --------|</option> }
  1. lib.quickmenu = HMENU
  2. lib.quickmenu {
  3.   special = directory
  4.   special.value = 5
  5.   wrap = <form action=""><p><select onchange="window.location=this.options[this.selectedIndex].value"><option value="">Seitenauswahl</option>|</select></p></form>
  6.  
  7.   1 = TMENU
  8.   1 {
  9.     expAll = 1
  10.     NO {
  11.       doNotLinkIt = 1 
  12.       stdWrap.cObject = COA
  13.       stdWrap.cObject {
  14.         10 = TEXT
  15.         10 {
  16.           wrap = <option value="/|">
  17.           typolink {
  18.             parameter.field = uid
  19.             returnLast = url
  20.           }
  21.         }
  22.         20 = TEXT
  23.         20 {
  24.            field = subtitle//title
  25.            wrap =  |</option>
  26.         }
  27.       }
  28.     }
  29.   }
  30.   2 < .1
  31.   2.NO.stdWrap.cObject.20.wrap = --|</option>
  32.   3 < .1
  33.   3.NO.stdWrap.cObject.20.wrap = ----|</option>
  34.   4 < .1
  35.   4.NO.stdWrap.cObject.20.wrap = ------|</option>
  36.   5 < .1
  37.   5.NO.stdWrap.cObject.20.wrap = --------|</option>
  38. }

Snippets

Sponsored by:

ideenwerft webhosting
ideenwerft caretaker