Accler: Scripterweiterung - Drop Down Menue sichtbar herunterfahren

Hallo,
ich weiß das ich jetzt verdammt viel von euch verlange, jedoch wäre ich über Hilfe echt froh. Unszwar habe ich nicht gerade viel Ahnung von Java und Javascript, hatte jedoch eine ganz gute Idee für meine Webseite und wollte fragen ob ihr mir dabei helfen könntet. Das Menue soll sichtbar herunterfahren. Bisher klickt man nur auf den Link und das Menue taucht darunter auf. Bloß sehr radikal und das sieht nicht gerade nett aus.

Hier ist mein bisheriges Script:
<head>
  <script language="javascript" type="text/javascript">
   function hide(ID){
    var i = 1;
    while(document.getElementById(ID+"-"+i)){
     if(document.getElementById(ID+"-"+i).style.display=="none"){
      document.getElementById(ID+"-"+i).style.display="block";
     }
     else{
      document.getElementById(ID+"-"+i).style.display="none";
     }
     i=i+1;
    }
   }

function popup (url, w, h) {
    var breite = screen.width;
    var hoehe = screen.height;
    var fensterbreite = w;
    var fensterhoehe = h;
    var pos_x = (breite/2)-(fensterbreite/2);
    var pos_y = (hoehe/2)-(fensterhoehe/2);
    var fen = window.open(url,"","width="+fensterbreite+",height="+fensterhoehe+",left="+pos_x+",top="+pos_y+",menubar=no,location=no,status=no,resizable=yes,toolbar=no,scrollbars=yes");
    fen.focus();
   }
  </script>
</head>

<body>
<a href="javascript:hide('Community')" title="Zeige Unterpunkte an">
<img src="images/comm.jpg" id="Community" alt="Community" style="border-style: none;" border="0"></a><br />

<div class="sub" id="Community-1" style="display: none;">
<p>&nbsp;&nbsp;&nbsp;- <a href="community.php" title="Community">Community</a></p></div>

<div class="sub" id="Community-2" style="display: none;">
<p>&nbsp;&nbsp;&nbsp;- <a href="./board/" title="Forum" target="_blank">Forum</a></p></div>

<div class="sub" id="Community-7" style="display: none;">
&nbsp;&nbsp;&nbsp;- <a href="server.php" title="Server Team">Server</a></div><br />
</body>

Ich wäre echt dankbar um Hilfe, auch wenn das Prinzip Do it your self ist.

MfG

  1. Hi,

    Ich wäre echt dankbar um Hilfe, auch wenn das Prinzip Do it your self ist.

    Deshalb folgende Denkansaetze:

    Das Menue soll sichtbar herunterfahren. Bisher klickt man nur auf den Link und das Menue taucht darunter auf. Bloß sehr radikal und das sieht nicht gerade nett aus.

    Dann ueberlege dir, welche CSS-Eigenschaft(en) dynamisch und zeitgesteuert wie zu veraendern waeren, um diesen optischen Effekt zu erzielen.

    Schau dir dann die Javascript-Methoden setInterval bzw. setTimeout an, und wie man ueber das style-Objekt die Werte von CSS-Eigenschaften eines Objektes dynamisch aendern kann.

    MfG ChrisB

    1. Deshalb folgende Denkansaetze:

      Dies ist wohl eines der besten Antworten die ich je bekommen habe.
      Danke dir.

      MfG:
      Accler