kostenloser Webspace werbefrei: lima-city


javascript:dropdown

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    toby01

    Kostenloser Webspace von toby01

    toby01 hat kostenlosen Webspace.

    hallo,
    ich tag/suche">suche einen script womit ein Dropdown Menü erstellt wird (Siehe Bild) und dann weitere auswählbare links kommen
    Link zum Bild:
    http://toby01.lima-city.de/dropdown_bild.PNG

    ich hoffe ich habe mich etwas verständlich ausgedrückt (vllt hilfe das bild etwas)
    MFG Toby
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. p**********3

    <a href=\"javascript:abc()\">sonstiges</a>

    joar und dann musst du die link 1-3 auch noch hinschreiben
    allerdings mit style=\"display:hidden\" und mit ID versehen (aber 3 unerschiedliche ids
    zum beispiel Id=\"link1\" und id=\"link2\" ).

    jo und das javascript geht dann so oder so ähnlich:
    function abc() {
    document.getElementById(\'LInk1\').style.display = \"inline\";
    document.getElementById(\'LInk2\').style.display = \"inline\";
    document.getElementById(\'LInk3\').style.display = \"inline\";
    }


    jo ich denk das muss funktionieren


    Beitrag geändert: 9.7.2008 15:10:52 von pascalbir123
  4. Du tust die ganzen Links, die du mit Javascript anzeigen willst, in ein <span id=\"sonstigesSubMenu\">, der mit `display: none;` (CSS) versteckt wird. Beim Link \"Sonstiges\" tust du noch Folgendes in den Tag:

    <a href=\"#\" onclick=\"show(); return false;\">Sonstiges</a>

    Und irgendwo muss noch die Javascript Funktion rein:

    <script type=\"text/javascript\">
    // <![CDATA[
    function showSonstiges() {
     getElementById(\'sonstigesSubMenu\').style.display = \'inline\';
    }
    // ]]>
    </script>

    Ryan
  5. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!