TYPO3 Typoscript Menü Snippets Überblick

page.includeJS {
  file1 = fileadmin/js/sprungmenu.js
}
lib.jsmenu = HMENU
lib.jsmenu{
  wrap (
    <form name="js_form" action="index.php" id="js_form">
      <select name="tl_jsmenu1" onchange="MM_jumpMenu('parent',this,0)"><option>...Bitte auswählen!</option>|</select>
    </form>
  )
  1 = TMENU
  1{
    expAll = 1
    NO = 1
    NO{
      doNotLinkIt = 1
      stdWrap.cObject = COA
      stdWrap.cObject{
        10 = TEXT
        10{
          field = nav_title // title
          case = upper
          dataWrap = <option value="index.php?id={field:uid}" class="optlev1a">|</option> |*| <option value="index.php?id={field:uid}" class="optlev1b">|</option> |*| <option value="index.php?id={field:uid}" class="optlev1c">|</option>
        }
      }      
    }    
  }
  2 < .1
  2{
    NO.stdWrap.cObject.10.dataWrap = <option value="index.php?id={field:uid}" class="optlev2">++&nbsp;|</option>
    NO.stdWrap.cObject.10.case >
  }
  3 < .1
  3{
    NO.stdWrap.cObject.10.dataWrap = <option value="index.php?id={field:uid}" class="optlev3">++++&nbsp;|</option>
    NO.stdWrap.cObject.10.case >
  } 
}

.optlev1a,
.optlev1b,
.optlev1c{color:white;font-weight:bold;}

.optlev1a{background-color:#705e50;}
.optlev1b{background-color:#c71315;}
.optlev1c{background-color:#aad518;}

.optlev3{font-size:10px;}

function MM_jumpMenu(targ,selObj,restore){ //v3.0
  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
  if (restore) selObj.selectedIndex=0;
}