---
title: "Verweis-sensitive Grafik mit Mouseover und Dropdown Menü"
url: "https://www.typo3.net/d/117974-verweis-sensitive-grafik-mit-mouseover-und-dropdown-menue"
source: "typo3.net"
tags: ["TYPO3","TypoScript","Bilder","Frage","HTML & CSS","TYPO3 4.x"]
created: "2014-04-30"
last_reply: "2014-05-05"
replies: 3
solved: false
page: 1
pages: 1
lang: "de"
---

# Verweis-sensitive Grafik mit Mouseover und Dropdown Menü

TYPO3 › TypoScript · 3 Antworten · gestartet 2014-04-30

## Eröffnungsbeitrag

**Kolognium** · 2014-04-30 · [Beitrag #1](https://www.typo3.net/d/117974-verweis-sensitive-grafik-mit-mouseover-und-dropdown-menue/1)

Hallo,

wie Ihr schon am Betreff seht habe ich eine verweis-sensitive Grafik erstellt bei der ich einzelne Bereiche markiert und diese bisher mit Links versehen habe, die sich öffnen sobald ich mit der Maus auf dn Bereich klicke. Nun möchte ich aber, dass diese Bereiche ein Dropdown Menü öffnen sobald ich mit der Maus darübergehe (mouseover). Das Dropdown Menü soll dann mehrere Links zu Seiten oder Dateien enthalten. Das alles sollte bestmöglich allein auf html basieren, da es mir nicht möglich ist extensions zu nutzen.

Ist mein Anliegen überhaupt so machbar und wenn ja, kennt jemand eine Möglichkeit?

Gruß
Kolognium

## Antworten

### [#2](https://www.typo3.net/d/117974-verweis-sensitive-grafik-mit-mouseover-und-dropdown-menue/2) · Niklas Lazinbee · 2014-04-30

Hmm, wenn ich es richtig verstehe, würde da Javascript weiterhelfen.

Gruß Niklas

### [#3](https://www.typo3.net/d/117974-verweis-sensitive-grafik-mit-mouseover-und-dropdown-menue/3) · Kolognium · 2014-05-05

Okay, müsste ich dann das dropdown menü und die mouseover funktion im script definieren und dann nur den gewissen stellen vom bild zuordenen oder wie?

Gruß
Kolognium

### [#4](https://www.typo3.net/d/117974-verweis-sensitive-grafik-mit-mouseover-und-dropdown-menue/4) · Niklas Lazinbee · 2014-05-05

So in der Art würde ich es machen. Genau kenne ich dein Anforderungen nicht, aber du kannst den Menüs ja eindeutige Klassen geben mit

```typoscript
NO = 1
NO.subst_elementUid = 1
NO.allWrap = <li class = "topnav_{elementUid}">|
NO.wrapItemAndSub = |</li>
```

Im Bezug auf Javascript arbeite ich immer mit jQuery, da läßt sich ein Dropdown leicht umsetzen.

Gruß Niklas

---

Quelle: „Verweis-sensitive Grafik mit Mouseover und Dropdown Menü“, typo3.net, https://www.typo3.net/d/117974-verweis-sensitive-grafik-mit-mouseover-und-dropdown-menue
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.