Java Menü einbinden?

Hallo Zusammen!

Habe gerade das Problem, dass ich das erste mal ein java Menü einbinden weill und nicht weiß wie ich das in Typoscript mache. Ich stelle folgend mal das Script rein und vielleicht kann mir mal jemand schreiben wie das Script aussehen muss.

<style type="text/css" media="screen">
<!--
body
{
font-family: Verdana, sans-serif;
font-size: 14px;
overflow: auto;
padding: 10px;
margin: 0px;
}

ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}

.menu
{
position:static;

}

.menu li
{
width: 140px;
float: left;
}

.menu a
{
border: 1px solid #888;
background-color: #88c31d;
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: default;
display: block;
height: 20px;
color: #000;
}

.menu a:hover
{
background-color: #fffa9c;
}

#smenu1, #smenu2, #smenu3, #smenu4
{
font-size: 12px;
display: none;
width: 140px;
float: left;
}

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a
{
font-weight: normal;
padding-top: 2px;
border-top: 0px;
cursor: pointer;
}
//-->
</style>

<script type="text/javascript">
<!--
function montre(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'block';
else if (all)
all[id].style.display = 'block';
else
layers[id].display = 'block';
}
}

function cache(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'none';
else if (all)
all[id].style.display = 'none';
else
layers[id].display = 'none';
}
}
//-->
</script>

<div class="menu">
<ul>
<li><a href="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Menu 1</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="">Subkategorie 1.1</a></li>
<li><a href="">Subkategorie 1.2</a></li>
<li><a href="">Subkategorie 1.3</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Menu 2</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="">Subkategorie 2.1</a></li>
<li><a href="">Subkategorie 2.2</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Menu 3</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="">Subkategorie 3.1</a></li>
<li><a href="">Subkategorie 3.2</a></li>
<li><a href="">Subkategorie 3.3</a></li>
<li><a href="">Subkategorie 3.4</a></li>
<li><a href="">Subkategorie 3.5</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">Menu 4</a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
<li><a href="">Subkategorie 4.1</a></li>
<li><a href="">Subkategorie 4.2</a></li>
<li><a href="">Subkategorie 4.3</a></li>
</ul>
</li>
</ul>
</div>

Vielen Dank schonmal.

Na das sieht doch gar nicht schwer aus. Die erste Ebene scheint ja gar nicht verlinkt zu sein. Hast du die Struktur schon angelegt?

Du musst doch im Prinzip nur ein TMENU als Liste bauen (dafür gibt es hier schon Anleitungen) bauen, dabei schaltest du die Links auf der ersten Ebene aus und wrappst dafür dieses A-Tag mit den JS Events ein. Dann musst du nur noch diese Zahlen (smenu1...) dynamisch hinkriegen. Dazu benutzt du beim wrappen entweder die Seiten ID oder du suchst nach dem TS um in einem Menü durchzuzählen und benutzt diese Zahlen für das JS.

Grüße

Christian

danke ersteinmal für deine rasche antwort.

also ich habe an dem menüimplmentieren noch gar nichts gemacht.

Ich kann mir zwar so in etwa denken wie du das meinst, aber so wuirklich verstehe ich das nicht.

gibt es da vieleicht schon scripts dazu wo ich nicht mehr viel ändern muss?
Ich meine wenn mans dann einmal gemacht hat gehts ja, aber wenn man das noch nie gemacht hat ist das immer sehr schwer.

lg, peter

Also, ignoriere mal das Javascript, das du bekommen hast. Ist nämlich eigentlich recht unnötig, da gibt es schon was gutes.
Orientiere dich an diesem Tutorial von Georg der hier auch Mod ist:
http://www.just2b.com/mein-typo3/css-ts-menues/horizontales-dropdown-menue.html

Damit sollte das Menü so werden wie du es brauchst. Du musst natürlich dein CSS benutzen und die Klassen/ID Angaben entsprechend anpassen. Wenn du mal soweit bist, das du das so wie im Tutorial hast kannst du ja den Code posten, wenn noch fragen offen bleiben.

Grüße

Christian