|
Designwechsel mit JavaScript
// Datei: demoseite.htm
<script type="text/javascript">
<!--
var design = '<style type="text/css">';
if (window.location.search != "") {
var Auswahl = window.location.search.split("=");
if (Auswahl[1] == "1"){
design += 'body {background-color: #FFFFB9;}';
design += 'h1 {font-family: Verdana; font-size: 22px; color: #0080C0;}';
}
if (Auswahl[1] == "2"){
design += 'body {background-color: #FFC4FF;}';
design += 'h1 {font-family: Tahoma; font-size: 33px; color: #ff8040;}';
}
}
else {
design += 'body {background-color: #CECECE;}';
design += 'h1 {font-family: Arial; font-size: 18px; color: #0000FF;}';
}
document.writeln(design + "</style>");
//-->
</script>
<body>
<h1>Herzlich Willkommen</h1>
...
Links zur Datei demoseite.htm : Design 1 Design 2 Normal-Design <a href="demoseite.htm?design=1"> Design 1</a> <a href="demoseite.htm?design=2"> Design 2</a> <a href="demoseite.htm">Normal-Design</a> |