Toon posts:

(javascript) elementen samenvoegen tot functie

Pagina: 1
Acties:

woensdag 14 september 2005 22:49

Acties:

Verwijderd

Topicstarter
Zou iemand me wat kunnen helpen. Ik ben er mee bezig geweest heb heel wat gezocht, maar feit is ik ben nog niet echt handig met javascript. Ik zou graag willen dat met een druk op de button een achtergrond picture wordt gepaatst en wanneer er vervolgens weer wordt gedrukt dat dan de achtergrond weer zwart wordt enzovoort...

Ik heb de volgende elementen bij elkaar gevonden, maar ik weet niet hoe ik ze moet samenvoegen tot 1 geheel:
code:
1
2
3
4

function changebackground()

document.body.style.backgroundImage='url(images/artback.jpg)'
document.body.background="black";


en dan de button natuurlijk met:
code:
1

<INPUT TYPE="button" VALUE="Button" onclick="changebackground()">

woensdag 14 september 2005 22:55

Acties:
  • André
  • Registratie: Maart 2002
  • Laatst online: 28-04 11:43

André

Analytics dude

Ehh zo?

code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14

<script type="text/javascript">
  var z = 0;
  function changebackground()
  {
    if (z == 0)
    {
      document.body.style.backgroundImage = 'url(eva_msn.jpg)';
      z = 1;
    } else {
      document.body.style.backgroundImage = '';
      z = 0;
    }
  }
</script>

code:
1
2
3

<body style="background-color: #000000">
  <input type="button" value="Button" onclick="changebackground()">
</body>

[ Voor 22% gewijzigd door André op 14-09-2005 22:58 ]

woensdag 14 september 2005 22:59

Acties:

Verwijderd

Topicstarter
ok het plaatje wordt geplaatst, alleen als ik dan vervolgens weer druk krijg ik niet een zwarte achtergrond (het plaatje blijft staan).

EDIt Ik zie dat jij iets gewijzigd heb..

jep hij werkt, zal is goed bekijken hoe je dat doet, in ieder geval bedankt.

[ Voor 34% gewijzigd door Verwijderd op 14-09-2005 23:04 ]

woensdag 14 september 2005 23:08

Acties:
  • André
  • Registratie: Maart 2002
  • Laatst online: 28-04 11:43

André

Analytics dude

Ik had even wat gewijzigd ja, had in eerste instantie je post niet helemaal goed gelezen ;)

woensdag 14 september 2005 23:12

Acties:

Verwijderd

Topicstarter
Omdat ik niet alles verteld heb 8)7 is alleen 1 ding is nog niet goed:
Ik heb meerdere van deze buttons staan. Waar ik dezelfde functie voor zou willen gebruiken / kopieren.

Bijvoorbeeld wanneer button 1 = function changebackground() gebruikt is staat z=1 dus wanneer er vervolgens een andere button = function changebackground1() gebruikt wordt maakt die natuurlijk eerst een zwarte achtergrond. Dat is niet de bedoeling. De functie moet hoe dan ook meteen als eerste de betreffende url laten zien om vervolgens bij de tweede onclick de achtergond zwart te maken etcetera.

Op dit moment doe ik het met twee buttons op de volgende manier:
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

var z = 0;
  function changebackground()
  {
    if (z == 0)
    {
      document.body.style.backgroundImage = 'url(http://www.daanooms.nl/buttonpages/images/artback.jpg)';
      z = 1;
    } else {
      document.body.style.backgroundImage = '';
      z = 0;
    }
  }

  function changebackground1()
  {
   if (z == 0)
    {
 
      document.body.style.backgroundImage = 'url(http://www.daanooms.nl/buttonpages/images/stippen.jpg)';
      z = 1;
    } else {
      document.body.style.backgroundImage = '';
      z = 0;
    }
  }


Ik hoop dat er iemand is die dit probleem kan oplossen want ik kan het niet.

[ Voor 118% gewijzigd door Verwijderd op 15-09-2005 01:38 ]

Reageer