Max: onClick Hintergrund wechseln

Kann mir jemand helfen? Ich möchte gerne, dass sich das Hintergrundbild auf meiner Homepage ändert, wenn ich auf einen Button klicke? Kann das überhaupt funktionieren (auch mit Tabellen)?

Muss man dazu das gesamte Externe Stylesheet neu aufrufen oder wie? :-(

Bitte, weiß jemand eine Antwort?
Max

  1. Hi,

    Ich möchte gerne, dass sich das Hintergrundbild auf meiner Homepage ändert, wenn ich auf einen Button klicke?

    onclick='document.getElementsByTagName("body")[0].style.backgroundColor = "#ffccaa";'

    Siehe auch http://selfhtml.teamone.de/javascript/objekte/style.htm

    LG Orlando

    --
    SELF-TREFFEN 2002
    http://www.rtbg.de/selftreffen/
    http://www.megpalffy.org/temp/penneninhh.html

    1. *urks*

      onclick='document.getElementsByTagName("body")[0].style.backgroundColor = "#ffccaa";'

      Muss natürlich

      onclick='document.getElementsByTagName("body")[0].style.backgroundImage="url(deinbild.jpg)";'

      heißen.

      LG Orlando

      --
      SELF-TREFFEN 2002
      http://www.rtbg.de/selftreffen/
      http://www.megpalffy.org/temp/penneninhh.html

      1. *urks*

        onclick='document.getElementsByTagName("body")[0].style.backgroundColor = "#ffccaa";'

        Muss natürlich

        onclick='document.getElementsByTagName("body")[0].style.backgroundImage="url(deinbild.jpg)";'

        heißen.

        LG Orlando

        --
        SELF-TREFFEN 2002
        http://www.rtbg.de/selftreffen/
        http://www.megpalffy.org/temp/penneninhh.html

        Hallo.
        Wenn ich noch "lästig" sein darf: Wie funktioniert denn das auch mit einem Link? Hab da ein kleines Problem mit den Anführungszeichen usw :-(

        *SORRY für meine vielen Fragen*
        Max

        PS: Das mit dem Button funktioniert TRAUMHAFT! - DANKE, DANKE, DANKE!

        1. Hi,

          onclick='document.getElementsByTagName("body")[0].style.backgroundImage="url(deinbild.jpg)";'

          Wenn ich noch "lästig" sein darf: Wie funktioniert denn das auch mit einem Link? Hab da ein kleines Problem mit den Anführungszeichen usw :-(

          Wenn ein Link lediglich ein Bild wechseln soll:

          <a href="#" onclick='document.getElementsByTagName("body")[0].style.backgroundImage="url(deinbild.jpg)"; return false;'>Link</a>

          Durch "return false" am Ende wird der eigentliche Link nicht ausgeführt und der Browser springt nicht zurück zum Seitenbeginn.

          Wenn du keinen "echten" Link willst, sondern nur die Farbe mit dem Klick auf einen Button wechseln willst:

          <img src="..." (weitere Angaben) onclick='document.getElementsByTagName("body")[0].style.backgroundImage="url(deinbild.jpg)";' />

          *SORRY für meine vielen Fragen*

          Hier hilft jeder gerne, wenn jemand dadurch etwas lernt.

          PS: Das mit dem Button funktioniert TRAUMHAFT! - DANKE, DANKE, DANKE!

          Freut mich :)

          LG Orlando

          --
          SELF-TREFFEN 2002
          http://www.rtbg.de/selftreffen/
          http://www.megpalffy.org/temp/penneninhh.html

          1. *SORRY für meine vielen Fragen*

            Hier hilft jeder gerne, wenn jemand dadurch etwas lernt.

            Naja, teilweise wird man schon "angefahren" wenn man eine, für viele einfache Frage, aber für Anfänger ein echtes Hindernis darstellende, Frage stellt.

            PS: Das mit dem Button funktioniert TRAUMHAFT! - DANKE, DANKE, DANKE!

            Freut mich :)

            LG Orlando

            --
            SELF-TREFFEN 2002
            http://www.rtbg.de/selftreffen/
            http://www.megpalffy.org/temp/penneninhh.html

            Danke nochmals für die rasche Hilfe und auch die Erklärungen dazu. DANKE!
            Max