Javascript Popup-Menu nach Klick auf Link

  • Javascript Popup-Menu nach Klick auf Link

    Hallo allerseits,

    ich möchte für eine Webapplikation, die ich momentan programmiere, eine Funktion einbauen, die wie folgt aussehen soll:
    • Es gibt mehrere Links, die optisch besonders gekennzeichnet werden sollen und auf einen Linksklick hin nicht auf eine andere Seite verweisen, sondern ein Popup-Menü öffnen sollen
    • Das Popup-Menü soll durch Javascript (onclick) aufgerufen werden
    • Das Menü sollte direkt unter dem Link erscheinen
    • Die Inhalte des Menüs sollen in einer (bis zum Klick) versteckten Ebene enthalten sein (nicht im JS-Code!), da die Inhalte dynamisch erstellt werden

    Leider habe auf in all den üblichen Seiten nichts entsprechendes finden können (nur Kontextmenüs oder Dropdown-Navigationen). Vielleicht kennt ja jemand von euch etwas? :)

    Danke!
    Philipp

  • Hi,
    also klick öffnet ein Div und im Div sind weitere Links, die per AJAX nachgeladen werden. Kein Problem...

    Quellcode

    1. <script type="text/javascript">
    2. function loadContents() {
    3. ajaxrequest(content) {
    4. document.getElementById('foo').innerHTML = content;
    5. }
    6. }
    7. </script>
    8. <a href="#" onclick="document.getElementById('foo').style.display='block';loadContents()">show</a>
    9. <div id="foo" style="display:none">menu</div>


    Vielleicht auch ganz lustig: demo.easy-coding.de/slider/