joshua: layer durch klick ein- oder ausblenden...

hi!

also ich habe auf meiner webseite eine infobox, die ungefähr wie die auf http://www.djcrackman.net/usr/chopin/layout.php ausschaut. nur is es halt so, dass wenn diese hier ist, ist der schriftbereich relativ klein, sodass die seite umso länger nach unten hin wird. nun möchte ich gerne einen 'link' machen, und wenn man auf den klickt, das dann die box verschwindet, und sich der text dann auf den vollen platz verteilt. wenn man dann nochmals auf den link klickt, soll die box wieder eingeblendet werden. kann ich so etwas ohne javascript lösen, wie muss ich da vorgehen, wie kann ich so etwas 'anstellen'?

mlg
joshua

danke im voraus für eure antworten!

  1. Hi,

    kann ich so etwas ohne javascript lösen,

    ja.

    wie muss ich da vorgehen, wie kann ich so etwas 'anstellen'?

    Verändere die CSS-Eigenschaften mittels JavaScript so, dass sie Deinen Wünschen entsprechen.

    Cheatah

    --
    X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
    X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
    X-Will-Answer-Email: No
    X-Please-Search-Archive-First: Absolutely Yes
    1. Hi,

      kann ich so etwas ohne javascript lösen,

      ja.

      wie muss ich da vorgehen, wie kann ich so etwas 'anstellen'?

      Verändere die CSS-Eigenschaften mittels JavaScript so, dass sie Deinen Wünschen entsprechen.

      und ohne javascript? (ich kann kein javascript) - wie?

      mlg
      joshua

      1. Hi,

        kann ich so etwas ohne javascript lösen,
        ja.

        aah, sorry. Ich habe "mit JavaScript" gelesen. Nein, clientseitige Dynamik ist nur mit clientseitigen Techniken wie JavaScript lösbar. Das Minimum der CSS-Pseudoklassen wird Dir nicht ausreichen.

        Cheatah

        --
        X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
        X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
        X-Will-Answer-Email: No
        X-Please-Search-Archive-First: Absolutely Yes
        1. Hi,

          kann ich so etwas ohne javascript lösen,
          ja.

          aah, sorry. Ich habe "mit JavaScript" gelesen. Nein, clientseitige Dynamik ist nur mit clientseitigen Techniken wie JavaScript lösbar. Das Minimum der CSS-Pseudoklassen wird Dir nicht ausreichen.

          gibts dazu irgendein tutorial? (kann kein js)

          mlg
          joshua

          1. Tach,

            gibts dazu irgendein tutorial? (kann kein js)

            sogar ein recht gutes und du bist schon so nah: http://de.selfhtml.org/javascript/index.htm

            mfg
            Woodfighter

            --
            Nur noch 5 Staaten der Erde haben mehr Einwohner, als Linus Torvalds Freunde hat.
            1. hi!

              tja... manchmal sieht man den wald vor lauter bäumen nicht...

              mlg
              joshua

              1. hi!

                ich weiß nicht, wonach ich suchen soll, wie man sowas nennt... - kann mir wer weiterhelfen?

                mlg
                 joshua

                1. Tach,

                  ich weiß nicht, wonach ich suchen soll, wie man sowas nennt... - kann mir wer weiterhelfen?

                  du brauchst onclick um den Mausklick zu erkennen und willst die style Eigenschaft eines Elements ändern.

                  mfg
                  Woodfighter

                  1. hi

                    du brauchst onclick um den Mausklick zu erkennen und willst die style Eigenschaft eines Elements ändern.

                    genau. doch wie mach ich das... ich finde nichts dazu in selfhtml

                    mlg
                     joshua

                    1. Tach,

                      genau. doch wie mach ich das... ich finde nichts dazu in selfhtml

                      http://de.selfhtml.org/javascript/beispiele/buttons.htm bloß mit onclick statt onmouseover und http://de.selfhtml.org/javascript/objekte/style.htm statt img.src

                      mfg
                      Woodfighter

                      1. hi!

                        danke für deine antwort. ich denke beim zweiten link ist was für meine zwecke dabei ;-). eine frage hab ich aber noch, wie kann ich machen, wenn man nochmal auf den link klickt, dass das vorher ausgeblendete wieder eingeblendet wird?

                        mlg
                         joshua

                        1. Tach,

                          wie kann ich machen, wenn man nochmal auf den link klickt, dass das vorher ausgeblendete wieder eingeblendet wird?

                          du kannst am Anfang deiner Funktion abfragen, ob das Objekt da ist oder nicht und dann entsprechend handeln:
                          if (Objekt.style.display==none)
                          {Objekt.style.display=block}
                          else{Objekt.style.display=none}

                          mfg
                          Woodfighter

                          1. hi!

                            danke für deine antwort. bin aber in der zwischenzeit schon selba draufkommen ;-). hab das ganze durch eine if abfrage mit .className gelöst.

                            mlg
                             joshua

          2. Hi,

            gibts dazu irgendein tutorial? (kann kein js)

            Nur für diesen Zweck gedacht:
            http://Coding.vampirehost.de/Toggle

            Na ja, genau für diesen eigentlich nicht, weil das für "Einzelfälle" sehr einfach mit JS umzusetzen ist. Benötigt wird für eine "Einzelausblendung" nur ein document.getElementById("HierDieID").style.display="none", bzw. umgekehrt ein "" (oder "inline" oder "block" oder ...).

            Aber vielleicht fällt es Dir ja einfacher, im Beispiel zu stöbern oder die Routine einzubinden und nach den Beispielen anzusprechen ...

            Gruß, Cybaer

            --
            Hinweis an Fragesteller: Fremde haben ihre Freizeit geopfert, um Dir zu helfen. Helfe Du auch im Archiv Suchenden: Beende deinen Thread mit einem "Hat geholfen" oder "Hat nicht geholfen"!