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
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
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:
<!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)"><</span> <span onmouseup="stopScrolling()" onmousedown="scroll2Right(event)">></span></div>
</div>
<!--###DOKUMENT### ENDE -->
</body>
</html>
kann mir da jemand helfen?
muss ich in typo3 irgendwo noch javascript aktiveiren?
Mfg leibnitz
Schau mal in den Sourcecode.. da wird das wohl nicht mehr drin sein...
schreib das js mittels page.headerData in den header
georg
meinst du im TypoScript so?
page.headerData = fileadmin/javascript/scrollbar.js
wohl nicht...
eher so
page.headerData.150 = TEXT
page.headerData.150.value = <script type="text/javascript" src="fileadmin/dev/mailform/js/prototype.js"></script>
georg
irgendwie klappt das nicht, hab jetzt folgende zeile drin stehen:
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>
und das js sollte jetzt im quellcode auch aufscheinen
georg
ja jetzt ists drin, lag wohl am cache.
Leider funktioniert es nicht :-(
Muss man sonst noch speziell was beachten?
wie soll ich das wissen... vergleich die version, die dir typo3 erzeugt und die, die statisch funktioniert..
georg
wie soll ich das vergleichen, im Code steht ja nur
<script type="text/javascript" src="fileadmin/template/template_js/scrollbar.js"></script>
mehr nicht!