Wie kann man den User ein Auswahlmöglichkeit geben um das Desgin auszuwählen?
dafür nimmt man eine neue Datei: _functions.php
|
PHP-Quelltext
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
<?PHP
function CSSauswahl($style){
switch ($style){
case (1):
echo '<link href="style1.css" rel="stylesheet" type="text/css" />';
break;
case (2):
echo '<link href="style2.css" rel="stylesheet" type="text/css" />';
break;
default:
echo '<link href="all.css" rel="stylesheet" type="text/css" />';
break;
}
}
?>
|
Dann füge man in jeder Datei im Head Bereich folgendes ein:
|
|
PHP-Quelltext
|
1
2
3
4
5
|
<?PHP
include ('_function.php');
$style = $_REQUEST['style'];
CSSauswahl($style);
?>
|
So jetzt macht man eine Auswahl für die unterschiedlichen CSS-Styles:
|
|
Quellcode
|
1
2
3
|
<a href="index.php?style=1">Style1</a>
<a href="index.php?style=2">Style2</a>
<a href="index.php">ohne Styleauswahl</a>
|
oder sowas:
|
|
Quellcode
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
|
//im Head Bereich
<script language="JavaScript" type="text/javascript">
<!--
function jumpMenu(targ,selObj,restore){
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
if (restore) selObj.selectedIndex=0;
}
//-->
</script>
// ende Head Bereich
<form name="style">
<select name="Styleauswahl" onchange="jumpMenu('parent',this,0)">
<option value="">Style wählen</option>
<option value="index.php?style=1">Style1</option>
<option value="index.php?style=2">Style2</option>
<option value="index.php">Standart</option>
</select>
</form>
|
und dann müssen alle internen Links mit der Style Variable versehen werden:
|
|
PHP-Quelltext
|
1
|
<a href="index.php?style=<?php echo $style; ?>">aufruf einer Seite</a>
|
So das wäre es auch schon.
Jetzt braucht man nur noch seine CSS-Dateien erstellen. Und schon ändert sich auf Wunsch das Aussehen der Seite.
Anmerkung: man kann statt Nummern auch Namen vergeben....
Ich hänge mal ein einfaches Bespiel an....
Samstag, 26. Mai 2012, 08:45
Zum Seitenanfang
