---
title: "Horizontales Menü scrollen"
url: "https://www.typo3.net/d/61567-horizontales-menue-scrollen"
source: "typo3.net"
tags: ["TYPO3","Menüs","Frage"]
created: "2007-04-25"
last_reply: "2007-04-25"
replies: 10
solved: false
page: 1
pages: 1
lang: "de"
---

# Horizontales Menü scrollen

TYPO3 › Menüs · 10 Antworten · gestartet 2007-04-25

## Eröffnungsbeitrag

**leibnitz** · 2007-04-25 · [Beitrag #1](https://www.typo3.net/d/61567-horizontales-menue-scrollen/1)

Hallo

ich habe in einem DIV ein GMENU angelegt funktioniert auch ganz gut.

Es ist genau Platz für 5 Buttons des GMENU´s. Allerdings möchte ich gerne mehr als 5 Menüpunkte dort haben.

Gibt es die Möglichkeit dort eine Art scrollbar einzubauen, also nur für das eine GMENU?

Ich danke im voraus.

MfG Leibnitz

## Antworten

### [#2](https://www.typo3.net/d/61567-horizontales-menue-scrollen/2) · just2b · 2007-04-25

Hallo,

leg das ganze in ein div, und dann per css "overflow:auto". Ob das wirklich schön ausschaut musst du wissen. Es gibt auch einige javascript-scroller, die man schön stylen kann, hat aber alles nichts mit TYPO3 zu tun

georg

### [#3](https://www.typo3.net/d/61567-horizontales-menue-scrollen/3) · leibnitz · 2007-04-25

hab jetzt sowas gefunden und bin gerade am testen.

das Template wird schön ausgefüllt der subpart wird ersetzt, allerdings funktioniert irgendwie das javascript nicht.

Wenn ich es so fülle und teste funktionierts, nur in Typo3 nicht.

Hier mal das Script:

```html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Test</title>
<script type="text/javascript">
function initPage()
{
oMyDiv = document.getElementById( "productmenu_sec" );

isScrolling = false;

DX = 50;
DELAY = 100;

};

function scroll2Left( evt )
{
if ( evt )
isScrolling = true;

if ( isScrolling )
{
if ( oMyDiv.scrollLeft > 0 )
{
oMyDiv.scrollLeft -= DX;
window.setTimeout( "scroll2Left()", DELAY );
};
};
};

function scroll2Right( evt )
{
if ( evt )
isScrolling = true;

if ( isScrolling )
{
oMyDiv.scrollLeft += DX;
window.setTimeout( "scroll2Right()", DELAY );
};

};

function stopScrolling()
{
isScrolling = false;
}

</script>
<style type="text/css">
<!--
.Stil1 {color: #000000}
-->
</style>
</head>

<body onload="initPage()" onunload="stopScrolling()">
<!--###DOKUMENT### start -->
<div id="center">
	<div id="logo"></div>
	<div id="topmenu" align="right"><!-- ###TOPMENU### start -->topmenu<!-- ###TOPMENU### stop --></div>
	<div id="submenu_product"><!-- ###SUBMENU### start -->submenu<!-- ###SUBMENU### stop --></div>
	<div class="header"></div>
    <div class="content_product"></div>
	<div class="content_bottom_product"></div>
	<div id="text"><!-- ###TEXT_P### start -->text<!-- ###TEXT_P### stop --></div>
	<div id="picture"><!-- ###PIC### start -->pic<!-- ###PIC### stop --></div>
	<div id="product_menu" align="center"><!-- ###PRODUCTMENU### start -->productmenu<!-- ###PRODUCTMENU### stop --></div>
	<div class="Stil1" id="productmenu_sec" style=" white-space:nowrap; position:absolute; left:9px; z-index:7; top:575px; width:922px; width:922px; height:63px;overflow:hidden;"><!-- ###PRODUCTMENU_SEC### start -->productmenu_secf<!-- ###PRODUCTMENU_SEC### stop --></div>
<div id="scrollbar" align="center"><span onmouseup="stopScrolling()" onmousedown="scroll2Left(event)">&lt;</span>&nbsp;<span onmouseup="stopScrolling()" onmousedown="scroll2Right(event)">&gt;</span></div>

</div>	
	
	
<!--###DOKUMENT### ENDE -->

</body>
</html>
```

kann mir da jemand helfen?
muss ich in typo3 irgendwo noch javascript aktiveiren?

Mfg leibnitz

### [#4](https://www.typo3.net/d/61567-horizontales-menue-scrollen/4) · just2b · 2007-04-25

Schau mal in den Sourcecode.. da wird das wohl nicht mehr drin sein...

schreib das js mittels page.headerData in den header

georg

### [#5](https://www.typo3.net/d/61567-horizontales-menue-scrollen/5) · leibnitz · 2007-04-25

meinst du im TypoScript so?

```typoscript
page.headerData = fileadmin/javascript/scrollbar.js
```

### [#6](https://www.typo3.net/d/61567-horizontales-menue-scrollen/6) · just2b · 2007-04-25

wohl nicht...

eher so

```typoscript
	page.headerData.150 = TEXT
	page.headerData.150.value = <script type="text/javascript" src="fileadmin/dev/mailform/js/prototype.js"></script>
```

georg

### [#7](https://www.typo3.net/d/61567-horizontales-menue-scrollen/7) · leibnitz · 2007-04-25

irgendwie klappt das nicht, hab jetzt folgende zeile drin stehen:

```typoscript
page = PAGE 
// Stylesheet einbinden
page.stylesheet = fileadmin/template/template_css/style.css
// Javascript einbinden
page.headerData.150 = TEXT
page.headerData.150.value = <script type="text/javascript" src="fileadmin/template/template_js/scrollbar.js"></script>
```

### [#8](https://www.typo3.net/d/61567-horizontales-menue-scrollen/8) · just2b · 2007-04-25

und das js sollte jetzt im quellcode auch aufscheinen

georg

### [#9](https://www.typo3.net/d/61567-horizontales-menue-scrollen/9) · leibnitz · 2007-04-25

ja jetzt ists drin, lag wohl am cache.

Leider funktioniert es nicht :-(

Muss man sonst noch speziell was beachten?

### [#10](https://www.typo3.net/d/61567-horizontales-menue-scrollen/10) · just2b · 2007-04-25

wie soll ich das wissen... vergleich die version, die dir typo3 erzeugt und die, die statisch funktioniert..

georg

### [#11](https://www.typo3.net/d/61567-horizontales-menue-scrollen/11) · leibnitz · 2007-04-25

wie soll ich das vergleichen, im Code steht ja nur
<script type="text/javascript" src="fileadmin/template/template_js/scrollbar.js"></script>

mehr nicht!

---

Quelle: „Horizontales Menü scrollen“, typo3.net, https://www.typo3.net/d/61567-horizontales-menue-scrollen
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.
