changing background image? Help?

Collapse
This topic is closed.
X
X
Collapse
 
  • Page of 1
  • Time
  • Show
Clear All
new posts
Previous template Next
  • Gequina
    #1

    changing background image? Help?

    Something goes wrong in my script. I'm all new to it so i don't know
    much yet.
    I have a set of buttons. And when you click on either of them, the
    background image will change. Only it's not working. It works when i
    click on one, but then when i want to click on another, it's not
    working.
    What am i doing wrong?
    thanks in advance



    <html><head><ti tle></title>

    <script type="text/javascript">
    var buttons="<img src=\"buttonroo d2.jpg\"
    onclick=\"print _waarde0()\"><i mg src=\"buttongro en2.jpg\"
    onclick=\"print _waarde1()\"><i mg src=\"buttongee l2.jpg\"
    onclick=\"print _waarde2()\"><i mg src=\"buttonbla uw2.jpg\"
    onclick=\"print _waarde3()\"><i mg src=\"buttonora nje2.jpg\"
    onclick=\"print _waarde4()\"><i mg src=\"buttonmag enta2.jpg\"
    onclick=\"print _waarde5()\"><i mg src=\"buttoncya an2.jpg\"
    onclick=\"print _waarde6()\">";



    function print_waarde0() {
    var a = "achtergrondroo d.jpg";
    var top = '<html><body background="' + a + '">';
    var bottom = "</body></html>";
    document.write( top+buttons+bot tom);
    }

    function print_waarde1() {
    var b = "achtergrondgro en.jpg";
    var top1 = '<html><body background="' + b + '">';
    var bottom1 = "</body></html>";
    document.write( top1+buttons+bo ttom1);
    }

    function print_waarde2() {
    var c = "achtergrondgee l.jpg";
    var top2 = '<html><body background="' + c + '">';
    var bottom2 = "</body></html>";
    document.write( top2+buttons+bo ttom2);
    }

    function print_waarde3() {
    var d = "achtergrondbla uw.jpg";
    var top3 = '<html><body background="' + d + '">';
    var bottom3 = "</body></html>";
    document.write( top3+buttons+bo ttom3);
    }

    function print_waarde4() {
    var e = "achtergrondora nje.jpg";
    var top4 = '<html><body background="' + e + '">';
    var bottom4 = "</body></html>";
    document.write( top4+buttons+bo ttom4);
    }

    function print_waarde5() {
    var f = "achtergrondmag enta.jpg";
    var top5= '<html><body background="' + f + '">';
    var bottom5 = "</body></html>";
    document.write( top5+buttons+bo ttom5);
    }

    function print_waarde6() {
    var g = "achtergrondcya an.jpg";
    var top6 = '<html><body background="' + g + '">';
    var bottom6 = "</body></html>";
    document.write( top6+buttons+bo ttom6);




    }

    </script>

    </head>
    <body background="pae ceachtergrond.j pg" bgproperties="f ixed">
    <h2>Welkom op Understanding Colors!</h2><br>
    <font face="georgia">
    Do you want to change the background?<br>
    Choose from the following buttons and click on one.<br>

    <body>

    <img src="buttonrood 2.jpg" onclick="print_ waarde0()">
    <img src="buttongroe n2.jpg" onclick="print_ waarde1()">
    <img src="buttongeel 2.jpg" onclick="print_ waarde2()">
    <img src="buttonblau w2.jpg" onclick="print_ waarde3()">
    <img src="buttonoran je2.jpg" onclick="print_ waarde4()">
    <img src="buttonmage nta2.jpg" onclick="print_ waarde5()">
    <img src="buttoncyaa n2.jpg" onclick="print_ waarde6()">

    <br>
    <br>

    Op deze site kan je alles lezen over kleur en wat er mee te maken
    heeft.<br>

    </body>
    </html>
    Tags: None
    • Evertjan.
      #2
      Re: changing background image? Help?

      Gequina wrote on 21 okt 2004 in comp.lang.javas cript:
      [color=blue]
      > Something goes wrong in my script. I'm all new to it so i don't know
      > much yet.
      > I have a set of buttons. And when you click on either of them, the
      > background image will change. Only it's not working. It works when i
      > click on one, but then when i want to click on another, it's not
      > working.
      > What am i doing wrong?
      > thanks in advance
      >[/color]

      Als je document.write gebruikt,
      vernietig je de huidige pagina INCLUSIEF!!! aanwezige javascript.

      Gebruik javascript en css:

      <body>
      Probeer dit eens:<br><br>
      <button
      onclick="docume nt.body.style.b ackgroundColor= 'green'">
      Groen</button>
      <button
      onclick="docume nt.body.style.b ackgroundColor= 'red'">
      Rood</button>
      <button
      onclick="docume nt.body.style.b ackgroundColor= 'yellow'">
      Geel</button>
      </body>

      --
      Evertjan.
      The Netherlands.
      (Please change the x'es to dots in my emailaddress,
      but let us keep the discussions in the newsgroup)

        Comment

        • Randy Webb
          #3
          Re: changing background image? Help?

          Gequina wrote:
          [color=blue]
          > Something goes wrong in my script. I'm all new to it so i don't know
          > much yet.
          > I have a set of buttons. And when you click on either of them, the
          > background image will change. Only it's not working. It works when i
          > click on one, but then when i want to click on another, it's not
          > working.
          > What am i doing wrong?
          > thanks in advance[/color]

          <--snip-->
          [color=blue]
          > function print_waarde0() {
          > var a = "achtergrondroo d.jpg";
          > var top = '<html><body background="' + a + '">';
          > var bottom = "</body></html>";
          > document.write( top+buttons+bot tom);
          > }[/color]

          You are using document.write after the page has finished loading. That
          removes the current page and replaces it with your new code. That means
          your script is no longer present so it can't be run. Look at the FAQ and
          its DynWrite function to modify a page.

          --
          Randy
          comp.lang.javas cript FAQ - http://jibbering.com/faq
          Answer:It destroys the order of the conversation
          Question: Why?
          Answer: Top-Posting.
          Question: Whats the most annoying thing on Usenet?

            Comment

            • Gequina girl
              #4
              Re: changing background image? Help?

              ok, ergens begrijp ik het wel, maar niet helemaal. Ik ben echt nieuw
              hierin, maar moet aankomende maandag wel een presentatie hierover houden
              en t gaat lastiger dan dat ik dacht.
              Ik snap nu niet wat ik weg moet halen en wat moet blijven staan. Kan je
              me helemaal helpen met het hele script? sorry als ik lastig ben, het
              hoeft niet.

              moeten al deze vakjes weg?

              function print_waarde0() {
              var a = "achtergrondroo d.jpg";
              var top = '<html><body background="' + a + '">';
              var bottom = "</body></html>";
              document.write( top+buttons+bot tom);
              }

              *zucht*...sorry , ik ben het helemaal kwijt nu.

              en je zegt dat ik javascript+css moet doen. Maar hoe schrijf ik dat op?
              < script type="text/javascript/css" > ???
              of anders?

              ok, wat ik nu in elkaar heb gefrabiceerd is dit:


              <html><head><ti tle></title>

              <script type="text/javascript">
              var buttons="<img src=\"buttonroo d2.jpg\"
              onclick=\"print _waarde0()\"><i mg src=\"buttongro en2.jpg\"
              onclick=\"print _waarde1()\"><i mg src=\"buttongee l2.jpg\"
              onclick=\"print _waarde2()\"><i mg src=\"buttonbla uw2.jpg\"
              onclick=\"print _waarde3()\"><i mg src=\"buttonora nje2.jpg\"
              onclick=\"print _waarde4()\"><i mg src=\"buttonmag enta2.jpg\"
              onclick=\"print _waarde5()\"><i mg src=\"buttoncya an2.jpg\"
              onclick=\"print _waarde6()\">";
              </script>
              </head>

              <body background="pae ceachtergrond.j pg" bgproperties="f ixed">
              <h2>Welkom op Understanding Colors!</h2><br>

              <body>

              <font face="georgia">
              Wil je de achtergrond kleur veranderen?<br>
              Kies dan uit 1 van de volgende buttons.<br>

              <script type="text/javascript">
              <button
              onclick="docume nt.body.style.b ackgroundImage= 'achtergrondroo d.jpg'">
              <img src="buttonrood 2.jpg"></button>
              <button
              onclick="docume nt.body.style.b ackgroundImage= 'achtergrondgro en.jpg'">
              <img src="buttongroe n2.jpg"></button>
              <button
              onclick="docume nt.body.style.b ackgroundImage= 'achtergrondgee l.jpg'">
              <img src="buttongeel 2.jpg"></button>
              <button
              onclick="docume nt.body.style.b ackgroundImage= 'achtergrondbla uw.jpg'">
              <img src="buttonblau w2.jpg"></button>
              <button
              onclick="docume nt.body.style.b ackgroundImage= 'achtergrondora nje.jpg'">
              <img src="buttonoran je2.jpg"></button>
              <button
              onclick="docume nt.body.style.b ackgroundImage= 'achtergrondmag enta.jpg'">
              <img src="buttonmage nta2.jpg"></button>
              <button
              onclick="docume nt.body.style.b ackgroundImage= 'achtergrondcya an.jpg'">
              <img src="buttoncyaa n2.jpg"></button>

              </script>

              <br>
              <br>

              Op deze site kan je alles lezen over kleur en wat er mee te maken
              heeft.<br>

              </body>
              </html>

              ik ben t echt helemaal kwijt, please help me? haha
              alvast bedankt!
              xxx

              *** Sent via Developersdex http://www.developersdex.com ***
              Don't just participate in USENET...get rewarded for it!

                Comment

                • Evertjan.
                  #5
                  Re: changing background image? Help?

                  Gequina girl wrote on 21 okt 2004 in comp.lang.javas cript:
                  [color=blue]
                  > <script type="text/javascript">
                  > <button
                  > onclick="docume nt.body.style.b ackgroundImage= 'achtergrondroo d.jpg'">
                  > <img src="buttonrood 2.jpg"></button>
                  >[/color]

                  Heb je mijn code wel geprobeerd op zich zelf? Dat is werkende code,
                  hoor, zonder 1 toevoeging in een file test.html te zetten en te runnen
                  in de IE.

                  Dan zou je moeten zien dat <button> gewoon in HTML saat en niet in
                  <script> en dat onclick vanzelf een javascript uitvoert.

                  [color=blue]
                  > <script type="text/javascript">
                  > var buttons="<img src=\"buttonroo d2.jpg\"
                  > onclick=\"print _waarde0()\"><i mg src=\"buttongro en2.jpg\"
                  > onclick=\"print _waarde1()\"><i mg src=\"buttongee l2.jpg\"
                  > onclick=\"print _waarde2()\"><i mg src=\"buttonbla uw2.jpg\"
                  > onclick=\"print _waarde3()\"><i mg src=\"buttonora nje2.jpg\"
                  > etc ....[/color]

                  Dat stuk heb je helemaal niet nodig.
                  [color=blue]
                  > Kan je me helemaal helpen met het hele script?[/color]

                  Nee, daar is een NG echt niet voor. Dan zou je iemand in moeten huren.
                  [color=blue]
                  > Ik ben echt nieuwhierin, maar moet aankomende maandag wel een
                  > presentatie hierover houden en t gaat lastiger dan dat ik dacht.[/color]

                  Een presentatie moet je toch houden over iets wat je grondig begrijpt?
                  Je hebt toch nog heet hele weekend?

                  Gooi je oude code nu eens helemaal weg en begin met mijn eerste aanleg.

                  --
                  Evertjan.
                  The Netherlands.
                  (Please change the x'es to dots in my emailaddress,
                  but let us keep the discussions in the newsgroup)

                    Comment

                    Previous template Next
                    Working...