Menü per js als Dropdown - geht unter T3 6.1, nicht aber unter 6.2

ejoo · 12. August 2014 22:36
Hallo,
ich versuche das responsive Mittwald-Layout unter T3 6.2 zum Laufen zu kriegen. Wie beschrieben zickt dabei das Dropdown-Menü, welches erscheint, wenn die Seite schmaler wird, also z.B. auf Smartphones.
Ich habe den Verdacht, dass es an den letzten Zeilen des TS liegt, aber was geht schief?
/**
 * root Template
 *
 * HTML5 basiertes Template
 */

/**
 * Konfiguration
 */
config {
  linkVars = L(int)

  # Anpassungen für die Extension realurl
  #tx_realurl_enable = 1
  prefixLocalAnchors = all
  #baseURL = 

  disablePrefixComment = 1
  disableImgBorderAttr = 1

  meaningfulTempFilePrefix = 30

  # Einstellungen zur Standardsprache
  language = de

  # Serverabhängig!
  locale_all = de_DE.utf8

  htmlTag_langKey = de-DE
  htmlTag_setParams = class="no-js" lang="de"
  htmlTag_stdWrap.wrap (
    <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="de"> <![endif]-->
    <!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="de"> <![endif]-->
    <!--[if IE 8]>    <html class="no-js lt-ie9" lang="de"> <![endif]-->
    <!--[if gt IE 8]><!--> | <!--<![endif]-->
  )

  sys_language_uid = 0
  sys_language_mode = content_fallback

  # Fallbackreihenfolge
  # sys_language_mode = content_fallback ; 1,0
  # sys_language_fallBackOrder = 1,0

  # notification_email_encoding = base64
  # notification_email_charset = utf-8

  spamProtectEmailAddresses = 1
  spamProtectEmailAddresses_atSubst = <script type="text/javascript">document.write('&#64;');</script>
  spamProtectEmailAddresses_lastDotSubst = .<span class="h">LÖSCHEN.</span>

  sendCacheHeaders = 1
  enableContentLengthHeader = 1
}


lib.stdheader.10.2.dataWrap = <h2 class="title_pattern uppercase"><span>|</span></h2>
# Lightbox Fancybox braucht den Titel im a-Tag
imageLinkWrap.linkParams.ATagParams.dataWrap = class="{$styles.content.imgtext.linkWrap.lightboxCssClass}" rel="{$styles.content.imgtext.linkWrap.lightboxRelAttribute}" title="{field:titleText}"

aside_content < tt_content

tt_content.image.20 {
  imageStdWrap.dataWrap = <div class="csc-textpic-imagewrap"> | </div>
  imageColumnStdWrap.dataWrap = <div class="csc-textpic-imagecolumn"> | </div>
}
tt_content.image.20 {
  rendering {
    dl {
      imageRowStdWrap.dataWrap = <div class="csc-textpic-imagerow"> | </div>
      imageLastRowStdWrap.dataWrap = <div class="csc-textpic-imagerow csc-textpic-imagerow-last"> | </div>
      oneImageStdWrap.dataWrap = <dl class="csc-textpic-image###CLASSES###" > | </dl>
    }
    ul {
      imageRowStdWrap.dataWrap = <div class="csc-textpic-imagerow"><ul> | </ul></div>
      imageLastRowStdWrap.dataWrap = <div class="csc-textpic-imagerow csc-textpic-imagerow-last"><ul> | </ul></div>
      oneImageStdWrap.dataWrap = <li class="csc-textpic-image###CLASSES###"> | </li>
    }
    div {
      imageRowStdWrap.dataWrap = <div class="csc-textpic-imagerow"> | </div>
      imageLastRowStdWrap.dataWrap = <div class="csc-textpic-imagerow csc-textpic-imagerow-last"> | </div>
      oneImageStdWrap.dataWrap = <div class="csc-textpic-image###CLASSES###"> | </div>
    }
    simple {
      imageStdWrap.dataWrap = <div class="csc-textpic-imagewrap csc-textpic-single-image"> | </div>
    }
  }
}

lib.asideheader < lib.stdheader
lib.asideheader.10.2.dataWrap = <h2 class="widget-title"><span>|</span></h2>

aside_content {
  text.10 >
  text.10 =< lib.asideheader

  image.10 >
  image.10 =< lib.asideheader

  bullets.10 >
  bullets.10 =< lib.asideheader

  list.10 >
  list.10 =< lib.asideheader
}

/**
 * INCLUDE TypoScript
 */
<INCLUDE_TYPOSCRIPT: source="FILE: fileadmin/templates/ts/gridelements.t3s">


lib {
  rootline = COA
  rootline {
    # stdWrap.noTrimWrap = |Sie sind hier: ||
    10 = TEXT
    10 {
      value = Startseite
      wrap = <span class="h">.</span>&nbsp;&#187;&nbsp;
      # Seiten-ID 2 = Startseite
      typolink.parameter = 2
      typolink.title = Zurück zur Startseite
      if {
        value.field = uid
        equals = 2
        negate = 1
      }
    }
    20 = HMENU
    20 {
      special = rootline
      special.range = 1|-1
      1 = TMENU
      1 {
        noBlur = 1
        NO.linkWrap = ||*|&nbsp;&#187;&nbsp;
        NO.linkWrap = |*||<span class="h">.</span>&nbsp;&#187;&nbsp;|*||<span class="h">.</span>
        NO.doNotLinkIt = 0 |*| 0 |*| 1
        NO.ATagTitle.field = abstract // description // title
      }
    }
  }
}

page = PAGE
page {

# Regular pages always have typeNum = 0
  typeNum = 0
  
  bodyTagCObject = CASE
  bodyTagCObject {
    # The value of the CASE object will depend on the value of the layout field in the page records
    key.field = layout
    
    # Define the default value
    default = TEXT
    default.value = <body>
    
    # Copy the default value to 0
    0 < .default
    
    # Add different values for cases 1, 2 and 3
    1 = TEXT
    1.wrap = <body id="|">
    1.value = full
    
    2 < .1
    2.value = hideLeftColumn
    
    3 < .1
    3.value = hideRightAndLeftColumn
  }

  
  config {
    doctype = html5
     headerComment = Dieses Template wurde von Mittwald CM Service GmbH & Co. KG zur Verfügung gestellt.
    #compressCss = 1
    #concatenateCss = 1

    #compressJs = 1
    #concatenateJs = 1

    noScaleUp = 1
    #admPanel = 1
  }

  meta {
    description {
      data = TSFE:page|description
    }
    keywords {
      data = TSFE:page|keywords
      keywords = 1
    }

    viewport = width=device-width


    robots = index,follow
  }


  headerData {
    
  }
  includeCSS {

    file7 = fileadmin/templates/css/reset.css
    file9 = fileadmin/templates/css/style.css
    file10 = fileadmin/templates/css/fonts.css
    }
    includeJSFooter {
      file11 = fileadmin/templates/js/custom.js
    }

  5 = TEXT
  5.value (
    <!--[if lt IE 7]><p class="chromeframe">Ihr Browser ist <em>uralt!</em> <a href="http://browsehappy.com/">Installieren Sie einen neuen Browser</a> oder <a href="http://www.google.com/chromeframe/?redirect=true">installieren Sie Google Chrome Frame</a> um diese Seite optimal sehen zu können.</p><![endif]-->
  )
  5 >

  # Grob-Layout einbinden
  
  
  10 = TEMPLATE
  10 {
    template = FILE
    template.file = fileadmin/templates/index.html
    workOnSubpart=LAYOUT
    
    subparts  {
      LOGO = TEXT
      LOGO.value = <a href="index.html" title="Zur Startseite"><img src="/fileadmin/templates/img/logo.png" alt="Logo" width="142" height="91" /></a>
      
      
      CONTENT_NORMAL = CONTENT
      CONTENT_NORMAL {
        table = tt_content
        select {
          where = colPos=1
          orderBy = sorting
          languageField = sys_language_uid
        }
      }

      CONTENT_RECHTS = CONTENT
      CONTENT_RECHTS {
        table = tt_content
        select {
          where = colPos=2
          orderBy = sorting
          languageField = sys_language_uid
          renderObj =< aside_content
          required =1
        }
      }
      
      
      SLIDER < .CONTENT_NORMAL
      SLIDER {
        select.where = colPos=0
        stdWrap {
          wrap = |<div id="shadow"><img src="fileadmin/templates/templates/img/slider/shadow.png" /></div>
          required = 1
        }
      }
      PAGETITLE = TEXT
      PAGETITLE {
        data = TSFE:page|title
        htmlSpecialChars = 1
      }
      SUBTITLE = TEXT
      SUBTITLE {
        data = TSFE:page|subtitle
        required = 1
        # htmlSpecialChars = 1
        wrap = <div class="pagedesc">|</div>
      }
      COPYRIGHT = TEXT
      COPYRIGHT {
        value = Copyright &#169; 2011-{date:Y} Mittwald Portfolio Vorlage 2.0. All Rights Reserved.
        insertData = 1
      }

      # Mitte
      FOOTER_0 = CONTENT
      FOOTER_0 {
        table = tt_content
        select {
          orderBy = sorting
          where = colPos= 0
          languageField = sys_language_uid
          # Inhalte werden von der Seite mit der ID 7 genommen.
          pidInList = 7
        }
      }
      
      # Links
      FOOTER_1 < .FOOTER_0
      FOOTER_1.select.where = colPos= 1
      
      # Rechts
      FOOTER_2 < .FOOTER_0
      FOOTER_2.select.where = colPos= 2

      MENU = HMENU
      MENU {
        special = directory
        special.value = 2
        entryLevel = 1
        1 = TMENU
        1 {
          expAll = 1
          noBlur =1
          wrap = <ul id="topnav" class="sf-menu">|</ul>
          NO = 1
          NO {
            wrapItemAndSub = <li>|</li>
            stdWrap.htmlSpecialChars = 1
          }
          CUR < .NO
          CUR {
            ATagParams = id="aktiv"
          }
        }
        2 < .1
        2 {
          wrap = <ul>|</ul>
          NO = 1
          NO {
              ATagBeforeWrap = 1
              linkWrap = <span>-&nbsp;</span>|
              wrapItemAndSub = <li>|</li>
          }
        }
      }
      
      ROOTLINE = COA
      ROOTLINE {
        5 = TEXT
        5 {
          value =  Startseite
          typolink.parameter = 2
          wrap = <div id="roothome">|</div>
        }
        10 = HMENU
        10 {
          wrap = <div id="rootline">|</div>
          
          special = rootline
              special.range = 0|-1
              includeNotInMenu = 1
          
          1 = TMENU
          1 {
            wrap = <ul>|</ul>
            
            noBlur = 1
            
            NO = 1
            NO {
              wrapItemAndSub = <li class="first">|</li> |*| <li>|</li> |*| <li class="last">|</li>
              stdWrap.htmlSpecialChars = 1
            }
            CUR = 1
            CUR {
              stdWrap.htmlSpecialChars = 1
              allWrap = <li class="first">|</li> |*| <li>|</li> |*| <li class="last">|</li>
    
              doNotLinkIt = 1
            }
          }
        }
      }
    }
  }
}
  # Include jQuery
  3000 = TEXT
  3000.char = 10

  3001 = TEXT
  3001.value (
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script>
      /* <![CDATA[ */
      window.jQuery || document.write('<script src="fileadmin/templates/js/jquery-1.6.4.min.js"><\/script>')
      /* ]]> */
    </script>
  )