Смяна на css файла с линк

koko13

Registered
Как мога в сайта си да сложа линк, чрез който потребителя да може да избере например друг css файл, т.е. чрез този линк да се промени дизайна на сайта?
 
С php правиш си едно if .. else като на и if задаваш цсс файловете и ако е избрал някой от тях неговият избор да се запише в променлива "$style" примерно, а на else ако не е избрал да си е по "default" и после горе в кода

<link rel="stylesheet" type="text/css" href="<?php echo '$style'; ?>" />

И задължително да минава една сесия за да може това нещо да е постояно а не след "рефреш" да си остане нормалния CSS.

Това е според мен, останалото от теб !
 
HTML:
<!DOCTYPE html>
<html lang="en">

<head>
	<title>untitled</title>
	<meta charset="UTF-8" />
	<link rel="stylesheet" href="default.css" type="text/css" id="chstyle" />
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
	<script type="text/javascript">
		$(document).ready(function(){
			
			function valuee(){
				return $("#style").val();
			}
			
			$("#style").change(valuee).change(function(){
				document.getElementById('chstyle').href = valuee() + ".css";
			});
		});
	
	</script>

</head>

<body>
	Select CSS style: 
	<select id="style">
		<option value="default">Default</option>
		<option value="bluelight">Blue Light</option>
		<option value="dark">Dark</option>
	</select>
	
</body>

</html>

Ето така ?
 

Back
Горе