Ergebnis 1 bis 8 von 8
  1. #1
    FrillMaster ist offline Grünschnabel
    registriert
    01-11-2009
    Beiträge
    3

    Elemente ein & ausblenden

    Hallo alle
    Ich habe da ein kleines Problem mit meinem Script & komme irgendwie nicht weiter... Ich denke die Lösung ist ganz simpel aber ich komme einfach nicht drauf :-/
    Also mein Script sieht wie folgt aus:
    function aufbau
    {
    if (document.getElement)
    aufbau.style.visibility = "visible";
    cdrw.style.visibility = "hidden";
    }
    function cdrw
    {
    if (document.getElement)
    cdrw.style.visibility = "visible";
    aufbau.style.visibility = "hidden";
    }

    & die Ausführung:

    <a href="#der_aufbau" onclick="aufbau"><u>Der Aufbau</u></a>
    <a href="#cd-rw" onclick="cdrw"><u>CD-RW (Rewritable)</u></a>

    <div style="visibility: hidden;" name="aufbau"><p><b>Der Aufbau</b></p><p>Hier steht hinterher der Text.</p></div>
    <div style="visibility: hidden;" name="cdrw"><p><b>CD-RW (Rewritable)</b></p><p>Hier steht hinterher der Text.</p></div>

    So der Script soll eigendlich dafür sorgen, dass wenn man auf 'Der Aufbau' klickt der Div-Tag vom Aufbau angezeigt werden soll & der Div-Tag vom CD-RW ausgeblendet werden soll & andersrum also wenn man dann auf 'CD-RW' klickt der DIv-Tag von 'Der Aufbau' ausgeblendet wird und der Div-Tag vom 'CD-RW' eingeblendet wird...


    Danke schonmal im Vorraus

  2. #2
    Avatar von Junkee[]
    Junkee[] ist offline Lounge-Member
    registriert
    08-05-2009
    Ort
    Leonberg
    Beiträge
    3.169

    AW: Elemente ein & ausblenden

    lass mich raten: es passiert gar nichts.

    1. if(document.getElement) wird nie erfüllt
    2. Seit wann hat deine Funktion die Eigenschaft style.vsibility ??
    3. sehe ich eigentlich keine Frage
    4. benutze [ CODE] [ /CODE] (ohen Leerzeichen). Dann kann man es besser lesen

  3. #3
    andy83 ist offline Tripel-As
    registriert
    11-06-2008
    Ort
    Hamburg
    Beiträge
    234

    AW: Elemente ein & ausblenden

    Es heißt
    Code:
    function aufbau()
    und
    Code:
    onclick="aufbau();"
    Außerdem solltest du den DIVs z.B. jeweils eine ID vergeben, um diese dann z.B. über
    Code:
    document.getElementById('whatever')
    anzusprechen
    Geändert von andy83 (01-11-2009 um 16:49 Uhr)

  4. #4
    Avatar von Junkee[]
    Junkee[] ist offline Lounge-Member
    registriert
    08-05-2009
    Ort
    Leonberg
    Beiträge
    3.169

    AW: Elemente ein & ausblenden

    selbst dann passiert absolut NICHTS!

  5. #5
    FrillMaster ist offline Grünschnabel
    registriert
    01-11-2009
    Beiträge
    3

    AW: Elemente ein & ausblenden

    Joa ich hab ein wenig rumexperementiert... Ich hab das kopiert was ich als letztes stehen hatte... also Angefangen habe ich eig mit:
    <html lang="de" xml:lang="de" xmlns="http://www.w3.org/1999/xhtml">
    <head>

    <script type="text/javascript">
    function aufbau (layer)
    {
    if (document.getElementById)
    document.getElementById(layer).style.visibility = "visible";
    cdrw.style.visibility = "hidden";
    }

    </script>

    </head>
    <body>

    <a href="#der_aufbau" onclick="aufbau('aufbau')"><u>Der Aufbau</u></a>
    <a href="#cd-rw" onclick="cdrw('cdrw')"><u>CD-RW (Rewritable)</u></a>

    <div style="visibility: hidden;" id="aufbau" name="aufbau"><p><b>Der Aufbau</b></p><p>Hier steht hinterher der Text.</p></div>
    <div style="visibility: hidden;" id="cdrw" name="cdrw"><p><b>CD-RW (Rewritable)</b></p><p>Hier steht hinterher der Text.</p></div>
    </body>

    </html>

    Nur ich weiß einfach nicht wie ich es weiter machen soll...

  6. #6
    FrillMaster ist offline Grünschnabel
    registriert
    01-11-2009
    Beiträge
    3

    AW: Elemente ein & ausblenden

    Ah danke andy83 das hat mir viel weitergeholfen
    Nur irgendwie häng ich noch fest...
    function aufbau()
    {
    if (document.getElementById)
    document.getElementById('aufbau').style.visibility = "visible";
    cdrw.style.visibility = "hidden";
    }

  7. #7
    Avatar von Junkee[]
    Junkee[] ist offline Lounge-Member
    registriert
    08-05-2009
    Ort
    Leonberg
    Beiträge
    3.169

    AW: Elemente ein & ausblenden

    wo definierst du eingentlich cdrw ?

  8. #8
    andy83 ist offline Tripel-As
    registriert
    11-06-2008
    Ort
    Hamburg
    Beiträge
    234

    AW: Elemente ein & ausblenden

    du bist noch nicht ganz fertig...
    du musst, wie oben gesagt, cdrw und aufbau, also die IDs, definieren:
    z.B.
    Code:
    function aufbau(){
    var cdrw=document.getElementById('cdrw');
    var aufbau=document.getElementById('aufbau');
    .....
    jetzt musst du festlegen
    wenn cdrw da
    Code:
    if(cdrw.style.visibility=='visible')
    {
    aufbau.style.visibility='hidden';
    cdrw.style.visibility='visible';
    }
    else
    {
    //entsprechend umgekehrt
    }
    
    }
    hoffe, das hilft
    Geändert von andy83 (01-11-2009 um 17:33 Uhr)

Ähnliche Themen

  1. Antworten: 0
    Letzter Beitrag: 10-04-2009, 19:15
  2. mehrere Elemente ausblenden
    Von scripper im Forum JavaScript
    Antworten: 4
    Letzter Beitrag: 11-11-2008, 23:15
  3. Antworten: 1
    Letzter Beitrag: 04-09-2008, 22:56
  4. mehrere layers onClick ein- und ausblenden
    Von olachen im Forum JavaScript
    Antworten: 19
    Letzter Beitrag: 16-04-2006, 00:26
  5. gezielt elemente einer website ausblenden
    Von fager im Forum CSS und (X)HTML
    Antworten: 0
    Letzter Beitrag: 18-11-2004, 17:30

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •