[JAVA/CSS]Ausklappbares Menü

[Maestro]

HI,
ich habe da eine kleine Frage undzwar habe ich hier ein kleines echt schönes "Script" das mir eine Ausklappbare Menü macht. So Klappt auch alles und ich habe mir die arbeit gemacht und alles schön auskommertiert und so :) was meine Frage nun ist ich habe es Hinbekommen das es Ausklappt wenn ich mit der Maus drüber gehen nun will ich habe das ich wenn ich Titel3 ausklappe und dann auf Titel 1 gehen da winder ein kleines hunterpünktchen kommt und zwar auf der rechten seite. Wie ist der code dafür?


Danke schon mal vorab DANKE :)

PHP-Code:

<!-- Einstellen des Sytles -->
<style type="text/css" media="screen">
<!--
body
{
font-family: Verdana, sans-serif;               /*/ Schrieftart /*/
font-size: 14px;                                /*/ Schrieftgröße/*/
overflow: auto;
padding: 10px;
margin: 0px;
}

ul, li
{
list-style-type: none;
padding: 0px;                                     /*/ Abstand zwichen den Feldern (LINKS/RECHTS) /*/
margin: 0px;                                    /*/ Abstand zwichen den Feldern (OBEN/UNTEN) /*/
}

li a
{
padding-right: 20px;padding-top: 5px;            /*/ Höhe und Breite der Felder /*/
}
/*/POSITION/*/
div.menu
{
position: absolute;
z-index: 3;
top: 124px;                                        /*/ Abstand von Oben/*/
left: 50%;                                        /*/ Abstand zwichen den Feldern (LINKS/RECHTS) /*/
margin-left:-405px;                               /*/ Abstand von der linken Seite/*/
width:905px;                                       /*/ Wie lang es sein darf/*/
}

.menu li
{
width: 160px;                                      /*/ Breite der Felder/*/
float: left;
}
/*/'BUTTON START /*/
.menu a
{
border: 0px solid #000000;
background-color: #000000;                    /*/Hintergrundfarbe der Felder/*/
background-image: url(#);                     /*/Hintergrundurl der Felder/*/
text-decoration: none;
text-align: center;                           /*/Titel soll Centriert/Links/Rechts bündig sein/*/
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 23px;
color: #00CCFF;                              /*/Farbe von der Schriefft HAUPTMENÜ/*/
}

.menu a:hover
{                                            /*/Wenn mit der maus selectiert wird/*/
background-color: #00CCFF;
background-image: url(URL);
}
/*/BUTTON ENDE/*/
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6, #smenu7
{
font-size: 14px;
display: none;
width: 160px;
float: left;
}

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a, #smenu6 a, #smenu7 a,
{
font-weight: bold;
padding-top: 5px;                             /*/ Höhe der Untermenüpunkte/*/
border-top: 0px;
cursor: pointer;
color: #FFFFFF;                               /*/Schrieftfarbe der Unterpunkte/*/
}
//-->
</style>
<!-- Ende vom Einstellen -->






<!---Java Script Anfang-->
<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>
<!---Java Script Ende-->






<!---Ausgabe Anfang-->
     <div class="menu">
          <li><a href="LINK1"> TITEL1</a> </li>

            <li><a onmouseout="cache('smenu2');" onmouseover="montre('smenu2');" href="javascript:void(0);"> TITEL2</a>
                <ul onmouseout="cache('smenu2');" onmouseover="montre('smenu2');" id="smenu2">
                    <li><a href="#">Titel</a></li>
                    <li><a href="#">Titel</a></li>
                    <li><a href="#">Titel</a></li>
                </ul>
            </li>


            <li><a onmouseout="cache('smenu3');" onmouseover="montre('smenu3');" href="javascript:void(0);"> TITEL3</a>
                <ul onmouseout="cache('smenu3');" onmouseover="montre('smenu3');" id="smenu3">
                    <li><a href="UNTERLINK3.2">Titel</a></li>
                    <li><a href="UNTERLINK3.3">Titel</a></li>
                    <li><a href="UNTERLINK3.4">Titel</a></li>
                </ul>
            </li>


            <li><a href="LINK4"> TITEL4</a></li>


            <li><a onmouseout="cache('smenu5');" onmouseover="montre('smenu5');" href="javascript:void(0);"> TITEL5</a>
                <ul onmouseout="cache('smenu5');" onmouseover="montre('smenu5');" id="smenu5">
                    <li><a href="LINK5.1">Titel</a></li>
                    <li><a href="LINK5.2">Titel</a></li>
                </ul>
            </li>
    </div>
<!---Ausgabe Ende--> 


[cortex]

1. bitte recherchieren: java != javascript
2. bitte beachten: passendes unterforum

[mod: verschoben]

cx

[Maestro]

1. habe ich schon aber ich habe nichts gefunden :)
2. sry habe ich net gesehen das es das Forum gibt SRY aber deswegen habe ich es gleich in den Titel geschrieben!

Help immernoch

[cortex]

Zitat von Maestro

1. habe ich schon aber ich habe nichts gefunden

die wikipedia kennst du doch, nicht wahr?

java
javascript

Zitat von Maestro

Help immernoch

persönlicher tip: überdenke mal ausdruck + rechtschreibung... vielleicht hat dann jemand lust, sich in dein problem einzulesen / einzudenken.

was meine Frage nun ist ich habe es Hinbekommen das es Ausklappt wenn ich mit der Maus drüber gehen nun will ich habe das ich wenn ich Titel3 ausklappe und dann auf Titel 1 gehen da winder ein kleines hunterpünktchen kommt und zwar auf der rechten seite.

cx