[TYPO3-german] TypoScript: MouseOver in Div mit unquie ID einbauen

Jens Hoffmann werbung at baiz.org
Tue Apr 4 11:38:18 CEST 2006


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

=================================================================

<div
    id="menu1"
    onMouseOver="jsFnMoveOn('menu1')"
    onMouseOut="jsFnMoveOff('menu1')"
    class="menustyle"
    >
	<a href="#"><img src...></a>
</div>
										=================================================================

Um ein GMENU Bild soll ein Div mit onMouseOver und onMouseOut
Attributen gesetzt werden. Die Events in dem Div starten eine
JS-Function der er eine getElementby ID übergeben wird.

Daher muß das DIV eine unquie ID und das JS diese ID kriegen.
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 {
               allWarp.cObject = TEXT
	      allWarp.cObject.field = uid
               allWarp.cObject.dataWarp = <div id="menu{field:uid}" 
onMouseOver="jsFnMoveOn('menu{field:uid}')" 
onMouseOut="jsFnMoveOff('menu{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
                    }
               }
          }
     }
}



More information about the TYPO3-german mailing list