Kalle: Textabsätze ein- und ausblenden

Hallöle,

möchte eine vorhandene, unübersichtliche Seite übersichtlicher gestalten, indem zunächst KEIN Text angezeigt (aber schon im Hintergrund geladen) wird:

  • Kapitel 1
  • Kapitel 2

Durch Klick auf ein Kapitel soll dann der Text, zugehörige Bilder usw. angezeigt werden:

  • Kapitel 1
      blah blah blah blah blah blah blah blah blah blah
      blah blah blah blah blah blah blah blah blah blah
  • Kapitel 2

Bei nochmaligem Klick: Text wieder weg. So wie die Platten- Verzeichnisse im Windows Explorer.

Ich habe in SELFHTML bei NODES geforscht und experimentiert, aber immer nur Mini-Elemente beeinflussen können. Z.B. bei <p>Hallo, <u>hier Text</u> ... </p> ist schon nach Hallo, die Luft raus.

Pfiffig wäre es, ein <div> ein- und auszublenden. Nicht nur als leere Fläche darstellen ( display:yes oder wie das heisst ).

Wer hat einen brauchbaren Link oder Tipp?

Lieben Gruß, Kalle

  1. Hallo Kalle.

    Pfiffig wäre es, ein <div> ein- und auszublenden. Nicht nur als leere Fläche darstellen ( display:yes oder wie das heisst ).

    Das wäre gut:
    document.getElementById("iddesdivs").style.display = "block"; <-- macht es sichtbar
    document.getElementById("iddesdivs").style.display = "none"; <-- macht es unsichtbar

    Wer hat einen brauchbaren Link oder Tipp?

    CSS, display:
    http://de.selfhtml.org/css/eigenschaften/positionierung.htm#display

    JS, style ändern:
    http://de.selfhtml.org/javascript/objekte/style.htm

    Ich hoffe ich konnte helfen, H2O

    --
    #*~!:     Endlich Ferien.
    Selfcode: ie:% fl:| br:^ va:| ls:# fo:) rl:? n4:| ss:{ de:] js:) ch:? sh:( mo:? zu:)
    Infos:    http://emmanuel.dammerer.at/selfcode.html
    1. Hallo H²O,

      Das wäre gut:
      document.getElementById("iddesdivs").style.display = "block"; <-- macht es sichtbar
      document.getElementById("iddesdivs").style.display = "none"; <-- macht es unsichtbar
      Ich hoffe ich konnte helfen, H2O

      Danke, genau das isses.
      Habe schon mit Riesen- Variablen (n Zeilen) uind innerHTML versucht, ist aber irre umständlich

      Kalle

      1. Hallo Kalle.

        Hallo H²O,

        Mittlerweile heiße ich H2O ;)
        Weil die Suche "H²O" nicht auffinden kann.
        Früher hieß ich mal H²O, aber dann wollte ich eines meiner Postings nochmal lesen, allerdings stelle ich fest, dass in der Suche "author:H²O" nicht klappte, wegen dem ². Also habe ich zu H2O gewechselt.

        Danke, genau das isses.
        Habe schon mit Riesen- Variablen (n Zeilen) uind innerHTML versucht, ist aber irre umständlich

        Kein Problem, habe ich doch gerne gemacht.

        Schönen Tag noch, H2O

        --
        #*~!:     Endlich Ferien.
        Selfcode: ie:% fl:| br:^ va:| ls:# fo:) rl:? n4:| ss:{ de:] js:) ch:? sh:( mo:? zu:)
        Infos:    http://emmanuel.dammerer.at/selfcode.html
        1. Hallo Kalle.

          Mittlerweile heiße ich H2O ;)

          Ach so. Und ich dachte, du trauerst deinem alten Namen hinterher. Wollte dich etwas aufmuntern.

          Kalle.

          1. Hallo Kalle.

            Ach so. Und ich dachte, du trauerst deinem alten Namen hinterher. [...]

            Nö, eigenltich nicht. Obwohl diese zwei irgendwie mal etwas anderes war, als ein ganz normaler Name.

            Wollte dich etwas aufmuntern.

            Vielen Dank ;) & einen schönen Tag noch, H2O

            --
            #*~!:     Endlich Ferien.
            Selfcode: ie:% fl:| br:^ va:| ls:# fo:) rl:? n4:| ss:{ de:] js:) ch:? sh:( mo:? zu:)
            Infos:    http://emmanuel.dammerer.at/selfcode.html