login  Naam:   Wachtwoord: 
Registreer je!
 Forum

onclick achtergrond veranderen (Opgelost)

Offline EKnoop - 05/11/2007 14:30 (laatste wijziging 05/11/2007 14:30)
Avatar van EKnoopNieuw lid Ik heb nu deze code:

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <ul id="menu">
  2. 	<li onclick="javascript:changeBGImage(0)"><span><b>Home</b><br />Welkom op KnoopA Development...</span></li>
  3. 	<li onclick="javascript:changeBGImage(1)"><span><b>Portfolio</b><br />Hier vindt u enkele door mij gemaakte werken...</span></li>
  4. 	<li onclick="javascript:changeBGImage(2)"><span><b>Tutorials</b><br />Wilt u ook dingen maken? Ik leg het hier uit...</span></li>
  5. 	<li onclick="javascript:changeBGImage(3)"><span><b>Contact</b><br />Wilt u ook een website? Neem contact op met mij...</span></li>
  6. </ul>
  7. <div id="content">
  8. 	<div id="top"></div>
  9. </div>

javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. var backImage = new Array();
  2.  
  3. backImage[0] = "images/top1.png";
  4. backImage[1] = "images/top1.png";
  5. backImage[2] = "images/top1.png";
  6. backImage[3] = "images/top1.png";
  7.  
  8. function changeBGImage(whichImage){
  9. 	document.getElementById('top').background = backImage[whichImage];
  10. }


Ik wil dus dat de achtergrond van de div "top" veranderd als ik op een link in het menu klik. Alleen dit script werkt niet. Hoe kan ik het werkend krijgen?

11 antwoorden

Gesponsorde links
Offline Stijn - 05/11/2007 14:32 (laatste wijziging 05/11/2007 14:33)
Avatar van Stijn PHP expert Lijn 9 vervangen door:

javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. document.getElementById('top').styles.backgroundImage = "url("+backImage[whichImage]+")";
Offline Mad_Mike - 05/11/2007 14:34
Avatar van Mad_Mike PHP beginner http://msdn2.mi...30717.aspx
Offline EKnoop - 05/11/2007 15:01
Avatar van EKnoop Nieuw lid
stijn1989 schreef:
Lijn 9 vervangen door:

[..code..]


Dit werkt ook niet.

voorbeeld: http://geendomein.urbanzooi.nl/slice/
Offline Mad_Mike - 05/11/2007 15:03
Avatar van Mad_Mike PHP beginner wat zegt: alert(document.getElementById('top'));
Offline Stijn - 05/11/2007 15:38
Avatar van Stijn PHP expert
javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. document.getElementById('top').style.backgroundImage = "url("+backImage[whichImage]+")";


Een foutje in de code.
Offline EKnoop - 05/11/2007 16:29
Avatar van EKnoop Nieuw lid
stijn1989 schreef:
[..code..]

Een foutje in de code.
Het werkt nog steeds niet. :S Ik snap er niks van.
Offline citroen - 05/11/2007 16:53
Avatar van citroen Onbekend styles vervangen door style
Offline EKnoop - 05/11/2007 17:58
Avatar van EKnoop Nieuw lid
citroen schreef:
styles vervangen door style
Had stijn al gezegd.
Offline citroen - 05/11/2007 19:36
Avatar van citroen Onbekend maar je doet het niet op je online versie, hoe kan dan iemand die wilt kijken of het werkt volgen wat het volgende probleem is...
Offline lemoinet - 05/11/2007 19:54
Avatar van lemoinet PHP gevorderde online staat deze code
javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. function home() {
  2. 	document.getElementById('top').style.backgroundImage = "url('images/top1.png)";
  3. }


' vergeten op het einde
Offline EKnoop - 05/11/2007 20:07
Avatar van EKnoop Nieuw lid
lemoinet schreef:
online staat deze code
[..code..]

' vergeten op het einde
Bedankt hij doet het. 
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.384s