kostenloser Webspace werbefrei: lima-city


Ausklapp-Navigation | personal is not defined

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    klasset

    klasset hat kostenlosen Webspace.

    Hallo Zusammen,
    Ich habe ein Problem aus dem isch nicht Schlau werde...

    Meine Navigation (nicht auf Lima) soll sich per Klick ausklappen, dazu hab ich mir den Code von http://www.homepage-total.de/javascript/archiv/scripte3/menue7.htm angeschaut und für meine Page übernommen.
    Nun klappt der Firefox dieses Menü aber nicht aus, eine Addon von Firefox meldet mir, dass er personal nicht definiert sei, obwohl ich die id gsetzt habe und im vergleich zum Ursprungscode ich nichts anders gemacht habe...
    Kann mir jemand helfen?

    Der Quelltext sieht wie Folget aus:
    <html><body>
    ...

    <script type='text/javascript'>
    function showhide(what) {
    if (what.style.display=='none') {
    what.style.display='block';
    }
    else {
    what.style.display='none';
    }
    }
    </script>
    <img src='bullet2.gif' alt='' style='border:0;' /> <a href='e107_plugins/profiler/profiler.php?1.overview' title='&Uuml;bersicht'>&Uuml;bersicht</a><br />
    <span onclick='showhide(personal)' id='p_oberkat'><img src='bullet2.gif' alt='' style='border:0;' /> Persönlich</span><br />
    <span id='personal' style='display: none;'><a id='unterkat' href='profiler.php?1.personal'>Persönlich</a><br></span>

    ...
    </bod></html>
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

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

  3. Die Zeiten, wo man HTML-Objekte direkt per ID ansprechen konnte, sind vorbei.

    Daher musst du schreiben:
    function showhide(what) {
    what=document.getElementById(what);//diese Zeile einfügen
    if (what.style.display=='none') {
    what.style.display='block';
    }
    else {
    what.style.display='none';
    }
    }


    *Seufz* immer noch so viel Legacy-Code im Netz...
  4. Autor dieses Themas

    klasset

    klasset hat kostenlosen Webspace.

    Okay hab ich eingefügt, hat aber schlussendlich nichts gebracht... :confused:
    es kommt immer noch der selbe Fehler, bzw. es wird immer noch nichts angezeigt.

    Und verwirrend auch ist, dass dieses Script ja auf der anderen Page funktioniert hat unb bei mir nicht...

    Weitere Vorschläge? **verzweifeltsein**
  5. Autor dieses Themas

    klasset

    klasset hat kostenlosen Webspace.

    nach ein paar Code änderungen hat es schlussendlich Funktioniert.
    --------------------------------------------------------------------
    ...
    function showhide(whichid) {
    if (document.getElementById(whichid).style.display=='none') {
    document.getElementById(whichid).style.display='block';
    }
    else {
    document.getElementById(whichid).style.display='none';
    }
    }
    ...
    <span onClick="showhide("personal")">Klick</span>
    ...
    --------------------------------------------------------------------

    Danke für die Hilfe.
    Kann geschlossen werden.
  6. Wie wärs mit CSS?
    hier ist ne anleitung (auf englisch, aber ziemlich genial):
    http://www.alistapart.com/articles/horizdropdowns/

    Das ist auf jeden fall barrierefreier und einfacher zu ändern also JavaScript :)
  7. 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!