Finde Fehler beim Einbau von udm-Menü nicht [Gelöst]

  • hoellix hoellix
    T3PO
    0 x
    30 Beiträge
    0 Hilfreiche Beiträge
    08. 10. 2007, 11:21

    Hallo,
    ich bin ein Anfänger und versuche nun bereits seit über einer Woche das/ein udm4-Menü nach diesem Tutorial einzubauen: http://www.css-tutorials.de/typo3tutorials/ultimatedropdown.html

    Mein TS sieht so aus:
    [TS]# Default PAGE object:
    page = PAGE
    page.10 = USER
    page.10.userFunc = tx_templavoila_pi1->main_page

    page.headerData.10 = COA
    page.headerData.10 = TEXT
    page.headerData.10.value (
    <script type="text/JavaScript" src="fileadmin/template/udm/udm-custom.js"></script>
    <script type="text/JavaScript" src="fileadmin/template/udm/udm-control.js"></script>
    <script type="text/JavaScript" src="fileadmin/template/udm/udm-style.js"></script>
    )
    page.includeCSS.file1 = fileadmin/template/udm/udm-style.css

    lib.nav < temp.nav_3ebenen

    page.typeNum = 0
    page.5 = HTML
    page.5.value = <script type="text/javascript" src="fileadmin/template/udm/udm-dom.js"></script>
    page.6 = HTML
    page.6.value = <script type="text/javascript" src="hfileadmin/template/udm/udm-mod-keyboard.js"></script>[/TS]

    mein extTemplate mit dem Namen nav_3ebenen sieht so aus:
    [TS]temp.nav_3ebenen = HMENU
    temp.nav_3ebenen.wrap = |
    temp.nav_3ebenen.excludeUidList =
    temp.nav_3ebenen {
    1 = TMENU
    1 {
    expAll = 1
    wrap = <ul id="udm" class="udm">|</ul>
    noBlur = 1
    NO {
    wrapItemAndSub = <li class="onclick">|</li>
    stdWrap = upper
    ATagTitle.field = description // title
    }
    }

    2 < .1
    2 {
    wrap = <ul>|</ul>
    NO {
    wrapItemAndSub = <li class="onclick">|</li>
    stdWrap = upper
    ATagTitle.field = description // title
    }
    }

    3 < .2
    3 {
    wrap = <ul>|</ul>
    NO {
    wrapItemAndSub = <li class="onclick">|</li>
    stdWrap = upper
    ATagTitle.field = description // title
    }
    }
    }[/TS]

    XML:
    [HTML]<field_nav type="array">
    <tx_templavoila type="array">
    <title>Navigation</title>
    <description>Hier steht die Navigation</description>
    <sample_data type="array">
    <numindex index="0"></numindex>
    </sample_data>
    <etype>TypoScriptObject</etype>
    <etype_extra type="array">
    <objpath>lib.nav</objpath>
    </etype_extra>
    <typoscriptobjpath>lib.nav</typoscriptobjpath>
    </tx_templavoila>
    </field_nav>[/HTML]

    und CSS so:
    [HTML].udm,.udm li,.udm ul {
    margin:0;
    padding:0;
    list-style-type:none;
    }
    .udm {
    position:absolute;
    left:0;
    top:0;
    z-index:20000;
    width:7.5em;
    cursor:default !important;
    border:none;
    text-align:left;
    }
    .udm {
    margin-left:0.5em;
    margin-top:0.5em;
    }
    .udm li {
    display:block;
    width:7.5em;
    position:static;
    }
    @media Screen,Projection {
    :root .udm/**/[class="udm"] li {
    position:relative;
    }}
    @media Screen,Projection {
    :root .udm/**/[class="udm"] ul li {
    position:relative;
    }}
    .udm li a {
    position:relative;
    display:block;
    }
    .udm li {
    margin-bottom:1px;
    }
    .udm ul li {
    margin-bottom:0;
    }
    .udm ul a {
    margin:0;
    }
    .udm ul li {
    margin-bottom:0px !important;
    }
    .udm ul li:first-child {
    margin-top:0px;
    }
    .udm ul a {
    margin-top:0;
    margin-right:0px !important;
    margin-bottom:0;
    margin-left:0px !important;
    }
    .udm ul {
    background-image:none;
    background-color:#f8fbd0;
    cursor:default !important;
    width:9.8em;
    height:auto;
    border-width:1px;
    border-color:#bdb #080 #080 #bdb;
    border-style:solid;
    position:absolute;
    z-index:20100;
    padding:2px;
    }
    .udm ul li {
    cursor:default !important;
    width:100%;
    position:static;
    float:none;
    }
    .udm ul {
    display:none;
    visibility:hidden;
    }
    html/**/[xmlns].udm u\l {
    display:block;
    visibility:visible;
    height:0;
    overflow:scroll;
    left:-10000px;
    }
    @media screen,projection {
    * html .udm ul {
    display:block;
    visibility:visible;
    height:0;
    overflow:scroll;
    top:-10000px;
    }}
    ul.udm/**/[class^="udm"] u\l {
    display:block;
    visibility:visible;
    height:0;
    overflow:visible;
    left:-1000em;
    }
    .udm a .udmA {
    visibility:hidden;
    margin:0 9px;
    display:block;
    cursorointer !important;
    position:absolute;
    right:0;
    top:0;
    text-align:right;
    border:none;
    cursor:inherit !important;
    }
    .udm a .udmA img {
    display:block;
    }
    .udm ul a .udmA {
    margin:0 5px;
    }
    * html .udm a .udmA {
    right:1px;
    top:1px;
    }
    * html .udm ul a .udmA {
    right:1px;
    top:1px;
    }
    .udm .udmS {
    margin-left:2px;
    margin-top:2px;
    }
    .udm .udmS {
    background-image:url(fileadmin/template/udm/greenshadow.png);
    cursor:default !important;
    position:absolute;
    z-index:20050;
    width:auto;
    height:auto;
    left:0px;
    top:0px;
    display:none;
    filter:alpha(opacity=50);
    }
    .udm a,.udm a:link,.udm a.nohref {
    background-image:none;
    background-color:#ffc;
    cursorointer !important;
    z-index:1000;
    text-align:left;
    border-style:solid;
    border-color:#ead4a4 #edbb85 #edbb85 #ead4a4;
    padding-left:9px;
    padding-right:9px;
    padding-top:5px !important;
    padding-bottom:5px !important;
    text-decoration:none;
    color:#008000;
    border-width:1px;
    font-style:normal;
    font-family:tahoma,sans-serif;
    font-weight:bold !important;
    }
    .udm a,.udm a.nohref {
    font-size:75%;
    }
    .udm a .udmA,.udm a:link .udmA,.udm a.nohref .udmA {
    font-family:tahoma,sans-serif;
    font-weight:bold !important;
    }
    .udm li a,.udm li a:link,.udm li a.nohref,.udm li a:visited {
    letter-spacing:1px !important;
    }
    .udm li a:visited {
    background-image:none;
    background-color:#ffc;
    border-width:1px;
    color:#008000;
    font-style:normal;
    border-style:solid dashed solid solid;
    border-color:#ead4a4 #edbb85 #edbb85 #ead4a4;
    }
    .udm li a.udmR,.udm li a.udmY,.udm li a.udmR:visited,.udm li a.udmY:visited,.udm li a:hover,.udm li a:focus,.udm li a.nohref:hover,.udm li a.nohref:focus {
    font-style:normal;
    background-image:none;
    background-color:#ffe;
    text-decoration:none;
    color:#b05010;
    border-color:#ead4a4 #ead4a4 #fae4b4 #fae4b4;
    border-style:solid;
    border-width:1px;
    }
    * html .udm li a:active {
    font-style:normal;
    background-image:none;
    background-color:#ffe;
    text-decoration:none;
    color:#b05010;
    border-color:#ead4a4 #ead4a4 #fae4b4 #fae4b4;
    border-style:solid;
    border-width:1px;
    }
    .udm ul a,.udm ul a:link,.udm ul a.nohref {
    background-image:none;
    background-color:transparent;
    text-align:left;
    border-width:1px;
    border-style:solid;
    border-color:#f8fbd0;
    padding-left:5px;
    padding-right:5px;
    padding-top:2px !important;
    padding-bottom:2px !important;
    text-decoration:none;
    color:#060;
    font-style:normal;
    font-size:70%;
    font-family:tahoma,sans-serif;
    font-weight:normal !important;
    }
    .udm ul a .udmA,.udm ul a:link .udmA,.udm ul a.nohref .udmA {
    font-family:tahoma,sans-serif;
    font-weight:normal !important;
    }
    .udm ul li a:visited,* html .udm ul li a:visited {
    background-image:none;
    background-color:transparent;
    color:#060;
    font-style:normal;
    border-width:1px;
    border-style:solid;
    border-color:#f8fbd0;
    }
    .udm ul li a.udmR,.udm ul li a.udmY,.udm ul li a.udmR:visited,.udm ul li a.udmY:visited,.udm ul li a:hover,.udm ul li a:focus,.udm ul li a.nohref:hover,.udm ul li a.nohref:focus,.udm ul li a:visited:hover {
    font-style:normal;
    background-image:none;
    background-color:#ecefc6;
    text-decoration:none;
    color:#000;
    border-color:#aca;
    border-style:solid;
    border-width:1px;
    }
    * html .udm ul li a:active {
    font-style:normal;
    background-image:none;
    background-color:#ecefc6;
    text-decoration:none;
    color:#000;
    border-color:#aca;
    border-style:solid;
    border-width:1px;
    }
    .udm a.nohref,.udm ul a.nohref {
    cursor:default !important;
    }
    .udm h3,.udm h4,.udm h5,.udm h6 {
    display:block;
    background:none;
    margin:0;
    padding:0;
    border:none;
    font-size:1em;
    font-weight:normal;
    text-decoration:none;
    }
    .udm h1,.udm h2,.udm h3,.udm h4,.udm h5,.udm h6 {
    width:100%;
    }
    @media screen,projection {
    * html .udm li {
    display:inline;
    }}
    @media screen,projection {
    * html .udm li,* html .udm ul li {
    display/**/:block;
    float/**/:left;
    }}
    ul[class$="udm"].udm li,ul[class$="udm"].udm ul li {
    display:block;
    float:left;
    }
    ul[class$="udm"].udm:not([class="xxx"]) li {
    float:none;
    }
    ul[class$="udm"].udm:not([class="xxx"]) ul li {
    float:none;
    }
    @media all and (min-width:0px) {
    ul[class$="udm"].udm li {
    float:none;
    }}
    @media all and (min-width:0px) {
    ul[class$="udm"].udm ul li {
    float:none;
    }}
    select {
    visibility:visible;
    }
    .udm .udmC {
    position:absolute;
    left:0;
    top:0;
    z-index:20020;
    width:auto;
    height:auto;
    filter:alpha(opacity=0);
    }
    .udm ul.orangeMenu {
    width:8em;
    border-color:#fdcb95 #a97742 #a97742 #fdcb95;
    border-style:solid;
    background-image:none;
    background-color:#fec;
    }
    .udm span.orangeMenu {
    margin-left:2px;
    margin-top:2px;
    }
    .udm span.orangeMenu {
    background-image:url(fileadmin/template/udm/orangeshadow.png);
    filter:none;
    filter:alpha(opacity=50);
    }
    .udm li.orangeMenuItem a,.udm li.orangeMenuItem a:link,.udm li.orangeMenuItem a.nohref {
    border-color:#fec;
    border-style:solid;
    border-width:1px;
    background-image:none;
    background-color:#fec;
    text-decoration:none;
    text-align:left;
    color:#803090;
    font-style:normal;
    font-size:70%;
    }
    .udm li.orangeMenuItem a,.udm li.orangeMenuItem a:link,.udm li.orangeMenuItem a.nohref .udmA,.udm li.orangeMenuItem a,.udm li.orangeMenuItem a.nohref .udmA {
    font-family:tahoma,sans-serif;
    font-weight:normal !important;
    }
    .udm ul li.orangeMenuItem a:visited,* html .udm ul li.orangeMenuItem a:visited {
    background-image:none;
    background-color:#fec;
    color:#803090;
    font-style:normal;
    border-width:1px;
    border-color:#fec;
    border-style:solid;
    }
    .udm ul li.orangeMenuItem a.udmR,.udm ul li.orangeMenuItem a.udmY,.udm ul li.orangeMenuItem a.udmR:visited,.udm ul li.orangeMenuItem a.udmY:visited,.udm ul li.orangeMenuItem a:hover,.udm ul li.orangeMenuItem a:focus,.udm ul li.orangeMenuItem a.nohref:hover,.udm ul li.orangeMenuItem a.nohref:focus,.udm ul li.orangeMenuItem a:visited:hover {
    background-image:none;
    background-color:#f8fbd0;
    text-decoration:none;
    color:#5656bd;
    border-width:1px;
    border-color:#edbb85;
    border-style:solid;
    font-style:normal;
    }
    * html .udm li.orangeMenuItem a:active {
    background-image:none;
    background-color:#f8fbd0;
    text-decoration:none;
    color:#5656bd;
    border-width:1px;
    border-color:#edbb85;
    border-style:solid;
    font-style:normal;
    }[/HTML]

    Jedoch wird kein Menü im FE ausgegeben. Ich hoffe sehr, dass mir jemand weiterhelfen kann.

    Grüße


  • 1
  • hoellix hoellix
    T3PO
    0 x
    30 Beiträge
    0 Hilfreiche Beiträge
    09. 10. 2007, 17:15

    Keiner eine Idee?

    Ich bin am Verzweifeln

  • kitsunet kitsunet
    Flash Gordon
    0 x
    2524 Beiträge
    26 Hilfreiche Beiträge
    09. 10. 2007, 17:30

    Also ich könnte mir vorstellen, dass lib.nav existieren muss, wenn templavoila aufgerufen wird, also ändere mal die Reihenfolge und schreib:

    lib.nav < temp.nav_3ebenen

    in die erste Zeile, und prüf ob du das ext Template auch eingebunden hast.

    config.baseURL = http://www.kitsunet.com/
    TYPO3 Flow und Neos Community Contact

  • hoellix hoellix
    T3PO
    0 x
    30 Beiträge
    0 Hilfreiche Beiträge
    10. 10. 2007, 11:15

    das Verschieben von lib.nav < temp.nav_3ebenen in die erste Zeile brachte keinen Erfolg.

    Ich fürchte ich habe das extTemplate nicht eingebunden. Kannst du mir einen Tipp geben wie und wo ich dies tun muss?

  • kitsunet kitsunet
    Flash Gordon
    0 x
    2524 Beiträge
    26 Hilfreiche Beiträge
    10. 10. 2007, 13:31

    Du gehst links im Menü auf Template, dann auf die Seite wo das root Template ist und klickst auf "Click here to edit whole template record". Dann runter scrollen bis "include basis template", dort suchst du dir dann dein ext Template raus...

    config.baseURL = http://www.kitsunet.com/
    TYPO3 Flow und Neos Community Contact

  • hoellix hoellix
    T3PO
    0 x
    30 Beiträge
    0 Hilfreiche Beiträge
    10. 10. 2007, 14:31

    Daran hat es gelegen. Vielen Dank!!!

  • 1