klappmenü nach oben aufklappen nicht nach unten ;)

[HTMLPro]

hallo,
ich habe folgendes tolles script für ein klappmenü (dropdownmenü) gefunden:

<style type="text/css">
.bereich{
display: block;
color: #FFFFFF;
background-color: #000000;
text-align: center;
}
a.link{
display: block;
color: #FFD700;
font-family: Verdana, Arial;
font-size: 13px;
text-decoration: None;
border-bottom: solid 1px #FFFFFF;
}
a.link.bereich{
display: block;
background-color: #000000;
width: 100px;
height: 25px;
}
a.link:hover{
display: block;
color: #000000;
background-color: #FFD700;
}
</style>
<script type='text/javascript'>
 function anzeigen(das){
 if(document.getElementById(das).style.display=='none') 
 document.getElementById(das).style.display='block'; 
 else document.getElementById(das).style.display='none';}
 </script>
<table cellPadding=0 cellSpacing=0 style="position: absolute; top: 10px; left: 150px;">
<tr>
<td valign=top>
<div class="bereich" onMouseover="anzeigen('menue#1')" onMouseout="anzeigen('menue#1')">
HARDWARE&nbsp;
<span id="menue#1" style="display: none;">
<a href="" class="link">Demolink</a>
<a href="" class="link">Demolink</a>
<a href="" class="link">Demolink</a>
<a href="" class="link">Demolink</a>
</span>
</div>
</td>
<td valign=top>
<div class="bereich" onMouseover="anzeigen('menue#2')" onMouseout="anzeigen('menue#2')">
SOFTWARE&nbsp;
<span id="menue#2" style="display: none;">
<a href="" class="link">Demolink</a>
<a href="" class="link">Demolink</a>
<a href="" class="link">Demolink</a>
</span>
</div>
</td>
<td valign=top>
<div class="bereich" onMouseover="anzeigen('menue#3')" onMouseout="anzeigen('menue#3')">
COMPUTER&nbsp;
<span id="menue#3" style="display: none;">
<a href="" class="link">Demolink</a>
<a href="" class="link">Demolink</a>
</span>
</div>
</td>
<td valign=top>
<div class="bereich" onMouseover="anzeigen('menue#4')" onMouseout="anzeigen('menue#4')">
ZUBEHÖR&nbsp;
<span id="menue#4" style="display: none;">
<a href="" class="link">Demolink</a>
<a href="" class="link">Demolink</a>
</span>
</div>
</td>
<td valign=top>
<div class="bereich" onMouseover="anzeigen('menue#5')" onMouseout="anzeigen('menue#5')">
SUPPORT&nbsp;
<span id="menue#5" style="display: none;">
<a href="" class="link">Demolink</a>
<a href="" class="link">Demolink</a>
</span>
</div>
</td>
</tr>
</table>

alles klappt aber ich würde es gerne so haben das es nach oben aufklappt??? wie geht das?? und das es nicht aufklappt wenn man drüber fährt sondern erst wenn man drauf klickt.
lg htmlpro

 

[Witschi262]

Wenn du es so haben möchtest, dass es erst bei KLicken aufklappt musst du dir mal den Code anschauen:
Du wirst wohl das Wort bzw. diezusammenfügung "OnMouseover" gesehen haben. Das heißt also, wenn der Curser drüberfährt passiert etwas. Wenn du allerdings onclick verwendest sollte es sich erst beim klicken öffnen.

Bei deinem Problem mit der "Richtung" kenne ich zwar die Theoretische Lösung, allerdings finde ich im Code nichts.

 

[threadi]

Dein Code hat so einige Fehler:
- Du verwendest eine Tabelle für ein Menü --> nutze <ul> und <li> dafür
- Du hast in den IDs Sonderzeichen enthalten --> entferne die #'s
- Du positionierst die Tabelle absolut --> wozu? Mach es ohne diese Späße

Auf der Grundlage kann ich nicht mal sehen, dass überhaupt etwas ausklappt und wohin. Wenn Du etwas ausklappen lassen willst, musst Du normalerweise die position-Werte des ausklappenden Menüs anpassen (also left und right, top oder bottom). Die sehe ich bei dir für die scheinbar ausklappenden Menü aber gar nicht.

 

[HTMLPro]

danke für die antworten! waren sehr hilfreich ;)!