login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Header veranderen door te klikken.

Offline Multiwebmedi - 31/08/2009 15:02
Avatar van MultiwebmediNieuw lid Beste,

Ik ben opzoek naar een scriptje dat de header kan veranderen door ergens op te klikken BV:

Groen | Rood | Blauw | Zwart

En als de bezoeker dan op 1 van de kleuren klikt, dat de header images veranderd.

Ik weet niet of ik het goed uitleg, maar zou iemand mij hiermee kunnen helpen ?

Alvast bedankt.

4 antwoorden

Gesponsorde links
Offline tictac_php2 - 31/08/2009 15:06
Avatar van tictac_php2 Nieuw lid Mag het client side zijn zoja gebruik je javascript ?
Offline Multiwebmedi - 31/08/2009 15:11 (laatste wijziging 31/08/2009 16:40)
Avatar van Multiwebmedi Nieuw lid Ik heb een Javascript dat werkt 
Alleen slaat hij het niet op als een bezoeker/gebruiker de header image veranderd.

Zou dit niet gaan met een scriptje en dan op IP ?
Of een cookie opslaan ofzo die alleen verloopt als de cookies worden verwijderd.

Ik hoop dat iemand mij kan helpen

javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. <script type="text/javascript">
  2. function changeIt(objName)
  3. {
  4.  
  5. 	var obj = document.getElementById(objName);
  6.  
  7. 	var objId = new Array();
  8.  
  9. 	objId[0] = "zwart";
  10. 	objId[1] = "zwart";
  11. 	objId[2] = "blauw";
  12. 	objId[3] = "groen";
  13. 	objId[4] = "roze";
  14. 	var i;
  15.  
  16. 	var tempObj;
  17.  
  18. 	for(i=0;i<objId.length;i++)
  19. 	{
  20. 		if(objName == objId[i])
  21. 		{
  22. 			obj.style.display = "block";
  23. 		}
  24. 		else
  25. 		{
  26. 			tempObj = document.getElementById(objId[i]);
  27. 			tempObj.style.display = "none";	
  28. 		}
  29. 	}
  30. 	return;	
  31. }
  32. </script>
  33.  
  34.  
  35. <div id="zwart">
  36. <img src="./header-img/nacht.png" border="0" alt="one" />
  37. </div>
  38.  
  39. <div id="blauw" style="display:none">
  40. <img src="./header-img/avond.png" border="0" alt="two" />
  41. </div>
  42.  
  43. <div id="groen" style="display:none">
  44. <img src="./header-img/middag.png" border="0" alt="three" />
  45. </div>
  46.  
  47. <div id="roze" style="display:none">
  48. <img src="./header-img/ochtend.png" border="0" alt="four" />
  49. </div>
  50.  
  51.  
  52.  
  53.  
  54. <a id="one" href="#" onclick="changeIt('zwart');"><img src="./header-img/zwart.png"></a> 
  55. <a id="two" href="#" onclick="changeIt('blauw');"><img src="./header-img/blauw.png"></a> 
  56. <a id="three" href="#" onclick="changeIt('groen');"><img src="./header-img/groen.png"></a> 
  57. <a id="four" href="#" onclick="changeIt('roze');"><img src="./header-img/roze.png"></a>
Offline Martijn - 31/08/2009 18:52
Avatar van Martijn Crew PHP dat komt omdat javascript clientside is, en dus niets opslaat naar server. Je zou een co0okie kunnen schrijven... En anders met AJAX, maar dats wel weer lastiger
Offline Multiwebmedi - 31/08/2009 19:52 (laatste wijziging 31/08/2009 19:58)
Avatar van Multiwebmedi Nieuw lid Daar heb ik dus totaal geen kaas van gegeten.

Hoe zou ik het moeten opslaan naar me server zodat ie het wel kan onthouden ?

Ik heb al wat voorbeelden bekeken, met het maken van een cookie, alleen krijg ik het totaal niet voor elkaar en weet ik niet hoe ik het moet combineren.
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.192s