Zum Inhalt springen

Javascriptmenüproblem

Erstellt am 7. März 2007 · 5 Antworten · letzte Antwort am 8. März 2007

Tags: Frage

frOsT1337 ·

Hi Leute,

Ich probiere mich gerade an dem Ypmenu von der seite
http://typo3.intervation.de/snippets/menues/ypslideoutmenu.html

jedenfalls wird nur text angezeigt. das verstehe ich nicht.

ich hab im setup:

seite.headerData.9 = TEXT
seite.headerData.9.value = <script type="text/javascript" src="fileadmin/templates/menu/menu.js"></script>

das java eingebunden und das menu

lib.menue >

lib.menue = COA

lib.menue = HMENU

lib.menue {
        special = directory
        special.value = 1

  1 = TMENU

  1.stdWrap.dataWrap = <ul> | </ul>

  1 {

    expAll = 1

    NO {

      linkWrap = <li> | </li>

      stdWrap.wrap = <span> | </span> 

    }

    IFSUB = 1

    IFSUB {

      doNotLinkIt = 1

      linkWrap = <li> | </li>

      stdWrap.cObject = COA

      stdWrap.cObject {

        10 = LOAD_REGISTER

        10.mm_2_2 =

        10.site_uid_l001.cObject = TEXT

        10.site_uid_l001.cObject.field = uid

        10.javascript.cObject = TEXT

        10.javascript.cObject.dataWrap = {register:javascript}var  menu{field:uid} = new ypSlideOutMenu("menu{field:uid}", "{$ypmenue.level2.orientation}", 0, 0, {$ypmenue.level2.width}, {$ypmenue.level2.height}, null);

        20 = TEXT

        20 {

          field = subtitle//title

          typolink {

            parameter.field = uid

            wrap = <span> | </span>

            ATagBeforeWrap = 1

            ATagParams.cObject = COA

            ATagParams.cObject {

              10 = TEXT

              10.dataWrap = onmouseover="repositionMenu(menu{field:uid}, 'act{field:uid}');ypSlideOutMenu.showMenu('menu{field:uid}')"

              20 = TEXT

              20.dataWrap = onmouseout="ypSlideOutMenu.hideMenu('menu{field:uid}');"

              30 = TEXT

              30.dataWrap = id="act{field:uid}"

            }

          }

        }

      }

    }

  }

  2 = TMENU

  2 { 

    expAll = 1

    stdWrap.cObject = LOAD_REGISTER

    stdWrap.cObject.string_layer.cObject = TEXT

    stdWrap.cObject.string_layer.cObject.dataWrap = {register:string_layer}<div id="menu{register:site_uid_l001}Container" ><div id="menu{register:site_uid_l001}Content" class="mmContent" ><div class="mmLevel1">{register:mm_2_2}|</div></div></div>

    NO {

      doNotLinkIt = 1 

      stdWrap.cObject = COA

      stdWrap.cObject {

        20 = LOAD_REGISTER

        20.mm_2_1.cObject = TEXT

        20.mm_2_1.cObject {

          field = subtitle//title

          wrap = <div> | </div>

          typolink {

            parameter.field = uid

            wrap = <span> | </span>

            ATagBeforeWrap = 1

            ATagParams.cObject = COA

            ATagParams.cObject {

              30 = TEXT

              30.dataWrap = id="act{field:uid}"

              40 = |*| 0 |*| TEXT

              40.value = class="last"

            }

          }

        }

        30 =LOAD_REGISTER

        30.mm_2_2.cObject = TEXT

        30.mm_2_2.cObject.dataWrap = {register:mm_2_2}{register:mm_2_1}

      }

    }

    IFSUB < .NO

    IFSUB = 1

    IFSUB {

      stdWrap.cObject {

        10 = LOAD_REGISTER

        10.mm_3_2 =

        10.site_uid_l002.cObject = TEXT

        10.site_uid_l002.cObject.field = uid

        10.javascript.cObject = TEXT

        10.javascript.cObject.dataWrap = {register:javascript}var  menu{field:uid} = new ypSlideOutMenu("menu{field:uid}", "{$ypmenue.level3.orientation}", 0, 0, {$ypmenue.level3.width}, {$ypmenue.level3.height}, "menu{register:site_uid_l001}");

        20.mm_2_1.cObject {

          typolink {

            ATagParams.cObject {

              10 = TEXT

              10.dataWrap = onmouseover="ypSlideOutMenu.showMenu(\'menu{field:uid}\',\'act{field:uid}\',menu{field:uid}, 2 );"

              20 = TEXT

              20.dataWrap = onmouseout="ypSlideOutMenu.hideMenu(\'menu{field:uid}\');"

              40 = CASE

              40 {

                key = |*| 0 |*| 1

                1 = TEXT

                1.value = class="last sub"

                default = TEXT

                default.value = class="sub"

              }

            }

          }

        }

      }

    }

  }

  3 < .2

  3.stdWrap.cObject.string_layer.cObject.dataWrap = {register:string_layer}<div id="menu{register:site_uid_l002}Container" ><div id="menu{register:site_uid_l002}Content" class="mmContent" ><div class="mmLevel2">{register:mm_3_2}|</div></div></div>

  3 {

    NO {

      stdWrap.cObject {

        20 = LOAD_REGISTER

        20.mm_2_1 =

        20.mm_3_1.cObject = TEXT

        20.mm_3_1.cObject {

          field = subtitle//title

          wrap = <div> | </div>

          typolink {

            parameter.field = uid

            wrap = <span> | </span>

            ATagBeforeWrap = 1

            ATagParams.cObject = COA

            ATagParams.cObject {

              30 = TEXT

              30.dataWrap = id="act{field:uid}"

              40 = |*| 0 |*| TEXT

              40.value = class="last"

            }

          }

        }

        30 = LOAD_REGISTER

        30.mm_2_2 >

        30.mm_3_2.cObject = TEXT

        30.mm_3_2.cObject.dataWrap = {register:mm_3_2}{register:mm_3_1}

      }

    }

    IFSUB = 0

  }

}

 

seite.200 = TEXT

seite.200.dataWrap = <script type="text/javascript">var strDiv = '<div id="yymenu">{register:string_layer}</div>';document.write(strDiv);{register:javascript}ypSlideOutMenu.writeCSS();</script>

und das CSS hab ich über das Hauptcss der seite geschriebn.

Aber es wird nur nen kleines textmenü angezeigt.

Wieso?

MfG Marcel