Zum Inhalt springen

TypoScript: MouseOver in Div mit unquie ID einbauen

Erstellt am 4. April 2006 · 2 Antworten · letzte Antwort am 5. April 2006

Tags: JavaScript & AJAX, Frage

WrYBiT ·

Hi,
ich möchte folgen HTML MenuCode in TypoScript umsetzen:

<div id="m1" onmouseover="jsFnMoveOn('m1')" onmouseout="jsFnMoveOff('m1')" class="menustyle">
    <a href="#"><img src="" alt="" /></a>
</div>

Um ein GMENU Bild soll ein Div mit onMouseOver und onMouseOut
Attributen gesetzt werden. Die Events in dem Div starten eine
JS-Funktion, der eine "getElementbyID" ID übergeben wird.

Daher muß das DIV als ID und die JS eine unquie ID erhalten.
id="menu1" wobei die 1 = Typo3 UID seien soll.

Leider sind meine TypoScript Fähigkeiten noch nicht sehr Weltbewegend ..

Daher: BITTE HELFT MIR!! 🙂

THX a LOT!

Greez Jens

lib.mainMenu = HMENU
lib.mainMenu {

     special.value = 1
     entryLevel = 0

     1 = GMENU
     1 {
          NO {
              allWrap.cObject = TEXT
              allWrap.cObject.field = uid
              allWrap.cObject.dataWrap = <div id="m{field:uid}" onmouseover="mOn('m{field:uid}')" onmouseout="mOff('m{field:uid}')">

              wrap = |</div>

              imgParams = align=top
              XY = 149, 22

              10 = IMAGE
              10.file = fileadmin/templates/gfx/menu/bg_no.jpg


              20 = TEXT
              20 {
                   transparentBackground = 0
                   align=left
                   offset = 5,14
                   fontColor = #FFFFFF
                   text.field = title
                   fontSize = 12
                   fontFile = fileadmin/ttf/kitchenpolice.ttf
                   niceText = 1
                   emboss {
                      offset = 2,2
                      highColor = #79A3CC
                      lowColor = #79A3CC
                      #blur = 0
                      #opacity = 80
                   }
              }
         }
    }
}

[/b]

WrYBiT ·

Raus kommt dann als Code:

<div id="m8" onmouseover="mOn('m8')" onmouseout="mOff('m8')">8<a href="cetest_firstpage.0.html" onfocus="blurLink(this);" onmouseover="over('img8_5ea5_0');" onmouseout="out('img8_5ea5_0');"><img src="typo3temp/menu/aed3cb344b.png" width="149" height="22" border="0" alt="Content Elements" name="img8_5ea5_0" align="top" /></a></div>

Falsch hierbei ist die 8 zwischen dem DIV und dem A Tag.

Wie kann ich die entfernen?
Ich das überhaupt der richte Lösungsansatz vom TS-Code her ? #giggle#

Greez Jens

WrYBiT ·

Schade das mir hier niemand weiter helfen konnte.
Mach aber nix, denn in der German NewsGroup habe ich hilfe erhalten.

http://lists.netfielders.de/pipermail/typo3-german/2006-April/013994.html

 [...]
 NO {
   subst_elementUid = 1
   allWrap = <div id="menu{elementUid}"
               onMouseOver = "jsFnMoveOn('menu{elementUid}')"
               onMouseOut = "jsFnMoveOff('menu{elementUid}')">|</div>
 }
 [...]

Mit dem Code Schnipsel geht es wunderbar 🙂
Danke noch mal an Arnd für den Tipp.

Greez Jens