Ik wil een style veranderen en ik gebruik deze tut daarvoor.

http://www.sitereboot.com/read_tutorial.php?id=6

maar wat doe ik verkeerd.
Ik heb alles goed ingevuld..

Hier zijn mijn codes.

style.css

	* {
padding: 0;
margin: 0;
}
	body {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	background-color: #0079ab;
	font-size: 14px;
	}
	
	#container {
	width: 800px;
	background-color: #0079ab;
	overflow: hidden;
	margin: 0 auto;
}

#header p {
    margin-top: 50px;
    }
	
	#header {
	text-align: center;
	float: left;
width: 800px;
height: 92px;
background-image: url('images/header-green.gif');
}
#content p {
    margin-top: 30px;
    }

	#content {
	text-align: center;
	overflow: auto;
padding: 10px;
float: left;
height: 398px;
width: 100%;
background-image: url('images/content-green.gif');

}

	#footer {
	float: left;
width: 100%;
height: 60px;
padding: 10px;
clear: both;
background-image: url('images/footer-green.gif');
color: #FFFFFF;
}


styl2.css

	* {
padding: 0;
margin: 0;
}
	body {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	background-color: #0079ab;
	font-size: 14px;
	}
	
	#container {
	width: 800px;
	background-color: #0079ab;
	overflow: hidden;
	margin: 0 auto;
}

#header p {
    margin-top: 50px;
    }
	
	#header {
	text-align: center;
	float: left;
width: 800px;
height: 92px;
background-image: url('images/header-red.gif');
}
#content p {
    margin-top: 30px;
    }

	#content {
	text-align: center;
	overflow: auto;
padding: 10px;
float: left;
height: 398px;
width: 100%;
background-image: url('images/content-red.gif');

}

	#footer {
	float: left;
width: 100%;
height: 60px;
padding: 10px;
clear: both;
background-image: url('images/footer-red.gif');
color: #FFFFFF;
}


styleswitcher.js

<?php echo 'Voordat onze amerikaanse vrienden ons land binnen vallen is deze code verwijderd.'
?>


Index.html

<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css" title="default" />
<link rel="alternate stylesheet" type="text/css" href="style2.css" title="alternate" /> 
<script type="text/javascript" src="styleswitcher.js"></script>
</head>
<body>
<div id="container">
<div id="header">
<p><a href="#intro">Home</a> |  <a href="#fruit">Fruit Chia</a>  | <a href="#hoe">Hoe krijg je er een?</a> | Style:<a href="#" onclick="setActiveStyleSheet('default'); return false;">Groen</a>~<a href="#" onclick="setActiveStyleSheet('alter'); return false;">Rood</a></p>
</div>
<div id="content">
<a name="intro"><h1>Welkom op de Fruit Chia's regeren de wereld</h1></a> <br />
<p> Wil je ook de wereld regeren? <br />
Neem dan een fruit chia<br />
Wil je weten hoe je een fruit chia wil krijgen?<br />
<i>Scroll dan met je scrollbutton op je muis naar beneden.</i></p>
<br />
<br />
<a name="fruit"><h1>Wat zijn fruit chia's?</h1></a>
<p>Fruit Chia's zijn de meest leuke neopets die er zijn.<br />
Ze zien er misschien heel smakelijk uit, maar ze kunnen heel gevaarlijk zijn.<br />
Maar wees maar niet bang.<br />
Ze zijn zachtaardig en heel erg vriendelijk<br />
Ze zijn ook een heel smakelijk hapje voor Lupes<br />
Maar als die niet oppassen zijn ze straks helemaal is elkaar 
gehakt.<br />
Want fruit chia's behoren tot één van de beste strijdarena pets in heel neopia.<br />
Dus bedenk eerst wat je doet als je een fruit chia tegenkomt 
die erg chaggi is</p>
<br />
<br />
<a name="hoe"><h1>Hoe krijg je een fruit chia?</h1></a> <br />
<p>Je kan een fruit chia krijgen door je een chia een 'fruit chia pop' te geven.<br />
Deze chia pop's zijn er in aparte varianten.<br />
Sommige veranderen wel een chia en een andere niet.<br />
Voor een complete lijst van chia pops <a href="http://neopets.com/~Soaheto">Klik je hier</a><br />
Ik hoop dat je nu wat meer weet over Fruit Chia's en dat je erook een neemt.</p>
</div>
<div id="footer">
</div>
</div>
</body>
</html>


Ik bedank jullie alvast :)
Ja maar wat is het probleem?? =\
Hij wil niet switchen.
Dan moet je ook een link maken!
setActiveStyleSheet('alter');


moet worden (denk ik):

setActiveStyleSheet('alternate');
Werkt niet.
Heb ik gisteren al naar gekeken....
ik heb er een via PHP gemaakt,

<?PHP
if($SiteStyle==''){ // default grijs
?><LINK href="styles/blauw.css" rel="stylesheet" type="text/css"><?PHP
}else{
if($SiteStyle=='grijs'){
?><LINK href="styles/grijs.css" rel="stylesheet" type="text/css"><?PHP
}
if($SiteStyle=='geel'){
?><LINK href="styles/grijs.css" rel="stylesheet" type="text/css"><?PHP
}
}
?>

En zo kan je er nog een hoop toevoegen, zorg er wel voor dat dit tussen je <head> staat
De functie setActiveStyleSheet klopt van geen kant.

Probeer deze is:
function setActiveStyleSheet(title) {
var i, a, main;
for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) {
a.disabled = true;
if(a.getAttribute("title") == title) a.disabled = false;
}
}
}


En dan ook aanroepen met 'alternate'.

Na die regel met for zou je dit nog even neer kunnen zetten:

alert(a);


Je moet dan 2 keer een link object zien, geloof ik.
hoe bedoel je met

alert(a) ;
?
Laat maar zitten, de functie werkt ;D


<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css" title="default" />
<link rel="alternate stylesheet" type="text/css" href="style2.css" title="alternate" /> 
<script>
function setActiveStyleSheet(title) {
var i, a, main;
for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) {
a.disabled = true;
if(a.getAttribute("title") == title) a.disabled = false;
}
}
}
</script>
</head>
<body>
<a href="#" onclick="setActiveStyleSheet('default'); return false">1</a><br />
<a href="#" onclick="setActiveStyleSheet('alternate'); return false">2</a><br /><br />
</body>
</html>

Reageren