---
title: "TypoScript: MouseOver in Div mit unquie ID einbauen"
url: "https://www.typo3.net/d/40747-typoscript-mouseover-in-div-mit-unquie-id-einbauen"
source: "typo3.net"
tags: ["TYPO3","Menüs","Frage","JavaScript & AJAX"]
created: "2006-04-04"
last_reply: "2006-04-05"
replies: 2
solved: false
page: 1
pages: 1
lang: "de"
---

# TypoScript: MouseOver in Div mit unquie ID einbauen

TYPO3 › Menüs · 2 Antworten · gestartet 2006-04-04

## Eröffnungsbeitrag

**WrYBiT** · 2006-04-04 · [Beitrag #1](https://www.typo3.net/d/40747-typoscript-mouseover-in-div-mit-unquie-id-einbauen/1)

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

```html
<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

```typoscript
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]

## Antworten

### [#2](https://www.typo3.net/d/40747-typoscript-mouseover-in-div-mit-unquie-id-einbauen/2) · WrYBiT · 2006-04-04

Raus kommt dann als Code:

```html
<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

### [#3](https://www.typo3.net/d/40747-typoscript-mouseover-in-div-mit-unquie-id-einbauen/3) · WrYBiT · 2006-04-05

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>

```typoscript
 [...]
 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

---

Quelle: „TypoScript: MouseOver in Div mit unquie ID einbauen“, typo3.net, https://www.typo3.net/d/40747-typoscript-mouseover-in-div-mit-unquie-id-einbauen
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.