Mario: Optionpanel - Design-/Strukturfrage

Guten Tag,

ich habe mal eine Frage wie ich etwas am Besten angehen sollte.

Und zwar geht es um ein Forum, welches diverse Postings in einer
Threadansicht darstellt - in etwa wie das hier von selfhtml.

Nun moechte ich die Optionen fuer ein jedes Posting, welche jeder
Benutzer besitzt, nicht direkt auf Anhieb mit anzeigen. Sondern dachte
da eine Art Menu, welches sich erst anzeigt/aufklappt, wenn der Benutzer
auf einen bestimmten Link (bzw. Icon) geklickt hat (welches neben einem
Posting steht).

Das Menu findet ihr hier.

Jetzt meine Frage: Wie mache ich das am besten, dass lediglich der
obere Pfeil des Menus und erst beim Klicken darauf das komplette Menu
angezeigt wird?

Sollte ich das ganze in einen DIV packen und vorerst den Rest abschneiden?
Wie mache ich das, dass der andere Inhalt (die weiteren Postings)
nicht davon beeinflusst werden, sprich sich der Inhahlt dadurch
nicht verschiebt?

Fuer Tips und Anregungen waere ich sehr dankbar.

Gruesse
Mario

  1. hi,

    Jetzt meine Frage: Wie mache ich das am besten, dass lediglich der
    obere Pfeil des Menus und erst beim Klicken darauf das komplette Menu
    angezeigt wird?

    Per Javascript (style) entsprechende CSS-Eigenschaften manipulieren, bspw. display.

    gruß,
    wahsaga

    --
    /voodoo.css:
    #GeorgeWBush { position:absolute; bottom:-6ft; }
    1. Hallo wahsaga,

      style.display:none wuerde den kompletten Bereich ausblenden.
      Derzeit ist der Pfeil und der dazugehoerige Bereich aber ein und
      derselbe Panel.
      style.clip.. damit probiere ich es gerade bereits aus.. doch die
      optimale Loesung scheint mir das auch nicht zu sein.
      Des weiteren habe ich Probleme mit dem weiteren Inhalt der Seite,
      der sich dann verschiebt..

      Gruesse
      Mario

      1. hi,

        style.display:none wuerde den kompletten Bereich ausblenden.

        Das Element, auf das du es anwendest.

        Derzeit ist der Pfeil und der dazugehoerige Bereich aber ein und
        derselbe Panel.

        Was ist ein "Panel"? Sowas gibt es in HTML nicht.

        Wenn du Element meinst - das kannst du ja ändern.

        gruß,
        wahsaga

        --
        /voodoo.css:
        #GeorgeWBush { position:absolute; bottom:-6ft; }
        1. Hallo,

          Was ist ein "Panel"? Sowas gibt es in HTML nicht.

          Ja, recht hast Du. Komme aus der Java-Ecke.. das werd ich mir
          wohl nicht mehr abgewoehnen.
          Aber, so lange ich verstanden ist es ja OK ;-)

          Wenn du Element meinst - das kannst du ja ändern.

          Angenommen, sowohl der Pfeil, als auch der dazugehorige Bereich
          sind eigenstaendige _Elemente_. Beim Klicken auf den Pfeil
          lasse ich das zweite Element anzeigen. Wie gehe ich dann vor,
          dass sich der restliche Inhalt nicht verschiebt?

          Position:absolute? Dann beim OnClick berechnen, wo der Mauszeiger
          gerade ist?

          Danke
          Mario

          1. hi,

            Angenommen, sowohl der Pfeil, als auch der dazugehorige Bereich
            sind eigenstaendige _Elemente_. Beim Klicken auf den Pfeil
            lasse ich das zweite Element anzeigen. Wie gehe ich dann vor,
            dass sich der restliche Inhalt nicht verschiebt?
            Position:absolute?

            Zum Beispiel.

            Dann beim OnClick berechnen, wo der Mauszeiger gerade ist?

            Wozu?

            gruß,
            wahsaga

            --
            /voodoo.css:
            #GeorgeWBush { position:absolute; bottom:-6ft; }