js - Submenu

  • js - Submenu

    Hi Leute,
    ich habe versucht, ein js - Subdmenu zu machen.
    Leider habe ich noch nicht so viel Erfahrung damit ..
    habe daher lange danach gegoogelt und folgendes gefunden.
    LEider geht es nicht ganz, weiss jmd. was ich vergessen/übersehen/falsch habe.?

    Demo: klick
    Code:

    Quellcode

    1. var fadingNavi = 0;
    2. function showNavi(id) {
    3. if(0==fadingNavi) {
    4. fadingNavi = 1;
    5. 'mainnavi clannavi comnavi miscnavi'.split(' ').each(function(d) {
    6. if('block'==$('sub_'+d).style.display || ''==$('sub_'+d).style.display) {
    7. if(d == id) { // falls das bereits angezeigte erneut angeklickt wird
    8. fadingNavi=0;
    9. return false;
    10. }
    11. new Effect.Fade('sub_'+d, {duration:0.2});
    12. }
    13. });
    14. window.setTimeout("new Effect.Appear('sub_"+id+"', {duration:0.2});", 200);
    15. window.setTimeout("fadingNavi = 0;",405);
    16. }
    17. }
    Alles anzeigen

    Quellcode

    1. <div align="center">
    2. <a class="navi" href="javascript:showNavi('mainnavi')" id="mainnavi">mainnavi</a>
    3. <a class="navi" href="javascript:showNavi('clannavi')" id="clannavi">clannavi</a>
    4. <a class="navi" href="javascript:showNavi('comnavi')" id="comnavi">comnavi</a>
    5. <a class="navi" href="javascript:showNavi('miscnavi')" id="miscnavi">miscnavi</a>
    6. </div>
    7. <div class="subnavi" id="sub_mainnavi" style="display:block">
    8. <a href="index.php?site=news">+ Startseite</a>
    9. <a href="index.php?site=news">+ News</a>
    10. <a href="index.php?site=news&action=archive">+ News Archive</a>
    11. <a href="index.php?site=calendar">+ Kalender</a>
    12. <a href="index.php?site=newsletter">+ Newsletter</a>
    13. <a href="index.php?site=search">+ Suche</a>
    14. <a href="index.php?site=awards">+ Awards</a>
    15. </div>
    16. <div class="subnavi" id="sub_clannavi" style="display:none">
    17. <a href="index.php?site=members">+ Members</a>
    18. <a href="index.php?site=clanwars">+ Matches</a>
    19. <a href="index.php?site=server">+ Servers</a>
    20. <a href="index.php?site=static&staticID=2">+ Teamspeak</a>
    21. <a href="index.php?site=static&staticID=8">+ Rules</a>
    22. <a href="index.php?site=history">+ History</a>
    23. <a href="index.php?site=joinus">+ Join Us</a>
    24. <a href="index.php?site=fightus">+ Fight Us</a>
    25. </div>
    26. <div class="subnavi" id="sub_comnavi" style="display:none">
    27. <a href="index.php?site=guestbook">+ Gästebuch</a>
    28. <a href="index.php?site=forum">+ Forum</a>
    29. <a href="index.php?site=polls">+ Umfragen</a>
    30. <a href="index.php?site=links">+ Links</a>
    31. <a href="index.php?site=linkus">+ Link Us</a>
    32. <a href="index.php?site=partners">+ Partners</a>
    33. <a href="index.php?site=sponsors">+ Sponsors</a>
    34. </div>
    35. <div class="subnavi" id="sub_miscnavi" style="display:none">
    36. <a href="index.php?site=gallery">+ Gallery</a>
    37. <a href="index.php?site=files">+ Downloads</a>
    38. <a href="index.php?site=counter">+ Counter</a>
    39. <a href="index.php?site=whoisonline">+ Wer ist Online</a>
    40. <a href="index.php?site=registered_users">+ Userlist</a>
    41. <a href="index.php?site=contact">+ Kontakt</a>
    42. <a href="index.php?site=imprint">+ Impressum</a>
    43. </div>
    Alles anzeigen


    // Moved from Java to HTML+JavaScript

    Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von Torben Brodt ()