Javascript: Auklappmenü

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • Hi!
    ich suche ein Script für ein Ausklappmenü.
    Wenn man auf ein Bild klick, dann soll ein Menü angezeigt werden, wenn man wieder draufklickt, dann soll das Menü wieder versteckt werden.
    Ausserdem soll das Menü ausgeklappt bleiben, auch wenn man die Seite neu lädt.
    Grüße
    Die Japaner glauben jetzt auch, sie könnten den Superrechner verkaufen. Das wäre
    so, als würde man einen Jumbo-Jet nehmen, vorne und hinten die Spitzen absägen,
    davon 10 Stück zusammenschweißen und als ultimativen Super-Jet verkaufen.
  • Ich suche wieder so ein Script! :D

    Ich hatte das schoneinmal gefunden, aber leider die Seite net gespeichert... :/
    Habt ihr shcnell einen Code, um auf einer Seite durch Klick auf einen Link einen Text (unterhalb des Links) zu zeigen und zu verstecken?
    Die Japaner glauben jetzt auch, sie könnten den Superrechner verkaufen. Das wäre
    so, als würde man einen Jumbo-Jet nehmen, vorne und hinten die Spitzen absägen,
    davon 10 Stück zusammenschweißen und als ultimativen Super-Jet verkaufen.
  • eine einfache lösung gibt es nicht..
    und selbst wenn es sie gibt so kann ich dich in deinem vorhaben nicht unterstützen *gg*
    du kannst das menü doch nicht javascript abhängig machen!
    und wenn das menü geöffnet bleiben soll, dann musst du sogar noch cookies aktivieren

    die armen sehbehinderten, die armen suchmaschinen bots!
    meinst du nicht, dass du es auch ohne lösen kannst?

    ich lege dir wirklich nahe es mit php zu lösen..
    im notfall such mal bei google nach "dhtml menü"
  • naja, es gibt ja schon möglichkeiten, das menü so zu gestalten, dass es auch bei nicht-javascript-usern angezeigt wird.

    als tip für die gestaltung eines solchen menüs (ist sicher etwas umfangreicher) sei einmal die css-eigenschaft "display" genannt, die elemente zeigen oder verbergen kann. per <body onload=""> werden bestimmte links auf display:none gesetzt. wird auf einen bestimmten link geklickt, wird dies geändert (display:inline z.b.).
  • ahhhh, missveständniss! :D

    es geht nicht mehr um ein menü! :P
    ich will nur "erweiterte" inhalte einbelenden und ausblenden können.
    wegen der übersicht soll jeder sich die halt selbst kurz einblenden lassen können.


    die menüsache sit shcon längste geregelt, hab ich per php gemacht... :D



    edit: vllt hätt ich nen neuen thread machen sollen... ^^
    Die Japaner glauben jetzt auch, sie könnten den Superrechner verkaufen. Das wäre
    so, als würde man einen Jumbo-Jet nehmen, vorne und hinten die Spitzen absägen,
    davon 10 Stück zusammenschweißen und als ultimativen Super-Jet verkaufen.
  • Ausklaap Menü

    Ich zitiere:
    http://www.computerbase.de/forum/showthread.php?t=172259

    Quellcode

    1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    2. <html>
    3. <head>
    4. <title>DHTML Test Seite</title>
    5. <link rel="stylesheet" type="text/css" href="index.css">
    6. <script type="text/javascript">
    7. var n4, ie, w3c;
    8. function init()
    9. {
    10. n4=document.layers;
    11. ie=document.all;
    12. w3c=document.documentElement;
    13. }
    14. function showNav()
    15. {
    16. if(ie)
    17. {
    18. document.all.naviBar.style.visibility='visible';
    19. }
    20. else if(w3c)
    21. {
    22. document.getElementById('naviBar').style.visibility='visible';
    23. }
    24. else
    25. {
    26. alert('Diese Seite ist mit Ihrem Browser nicht kompatibel');
    27. }
    28. }
    29. function hideNav()
    30. {
    31. if(ie)
    32. {
    33. document.all.naviBar.style.visibility='hidden';
    34. }
    35. else if(w3c)
    36. {
    37. document.getElementById('naviBar').style.visibility='hidden';
    38. }
    39. else
    40. {
    41. alert('Diese Seite ist mit Ihrem Browser nicht kompatibel');
    42. }
    43. }
    44. </script>
    45. </head>
    46. <body onLoad="init()">
    47. <div id="leftBorder" onMouseOver="showNav()" onMouseOut="hideNav()"></div>
    48. <div id="naviBar" onMouseOver="showNav()" onMouseOut="hideNav()">
    49. <ul type=none>
    50. <li><hr border=1><h1>Die Links</h1><hr noshade border=3></li>
    51. <li><a href="http://www.google.de">Google<hr border=1></a></li>
    52. <li><a href="http://www.computerbase.de">Computerbase</a><hr border=3></li>
    53. <li><a href="http://www.gmx.net">GMX</a><hr border=3></li>
    54. <li><a href="index.html">Zurück zur Hauptseite</a><hr border=3></li>
    55. </ul>
    56. </div>
    57. </body>
    58. </html>
    Alles anzeigen


    Beispiel http://schloss-burgk.de

    //EDIT
    Noch weitere Beispiele:
    http://forum.de.selfhtml.org/archiv/2005/1/t99979/
    http://www.webmasterpark.net/forum/showthread/threadid=49712/
  • "wulfgang" schrieb:

    ergänzung zu meinem post: noch besser als die css-eigenschaft display wäre die css-eigenschaft visibility in diesem falle.

    danke!

    ich denke, das hilft mir weiter! :D
    Die Japaner glauben jetzt auch, sie könnten den Superrechner verkaufen. Das wäre
    so, als würde man einen Jumbo-Jet nehmen, vorne und hinten die Spitzen absägen,
    davon 10 Stück zusammenschweißen und als ultimativen Super-Jet verkaufen.