summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--www/index.php (renamed from www/index.html)31
-rw-r--r--www/stylesheet.css2
2 files changed, 10 insertions, 23 deletions
diff --git a/www/index.html b/www/index.php
index 8fe8efe..7f4ab16 100644
--- a/www/index.html
+++ b/www/index.php
@@ -10,18 +10,6 @@
<!--[if lte IE 7]>
<link rel="stylesheet" type="text/css" href="stylesheet_ie7.css">
<![endif]-->
-
- <script type="text/javascript">
- function Tastaturbildwechsel_nach (Zielebene) {
- self.document.tastaturbild.src="./tastatur_neo_Ebene" + Zielebene +".png";
- for (var Nr = 1; Nr <= 6; Nr++) self.document.getElementById("ebenenreiter" + Nr).style.color="";
- for (var Nr = 1; Nr <= 6; Nr++) self.document.getElementById("ebenenreiter" + Nr).style.borderColor="";
- self.document.getElementById("ebenenreiter" + Zielebene).style.borderColor="#56b";
- self.document.getElementById("ebenenreiter" + Zielebene).style.Color="#23b";
- return false;
- }
- </script>
-
</head>
<!-- Für Mittenpositionierung: padding: 0; margin: 0; text-align: center; ind bodystyle /-->
@@ -122,20 +110,19 @@
<div class="Hauptfeld">
<div style="display:block; line-height:2em;" >
<div style="text-align:center; ">
-
-
<div style="min-width:650px; overflow:visible;">
- <div id="linkbutton" style="text-align:center; ">
- <a href="" style="border-color:#56b; color:#23b" onclick="Tastaturbildwechsel_nach(1); return false;" id="ebenenreiter1" > Ebene1</a>
- <a href="" onclick="Tastaturbildwechsel_nach(2); return false;" style="" id="ebenenreiter2">Ebene2</a>
- <a href="" onclick="Tastaturbildwechsel_nach(3); return false;" style="" id="ebenenreiter3">Ebene3</a>
- <a href="" onclick="Tastaturbildwechsel_nach(4); return false;" style="" id="ebenenreiter4">Ebene4</a>
- <a href="" onclick="Tastaturbildwechsel_nach(5); return false;" style="" id="ebenenreiter5">Ebene5</a>
- <a href="" onclick="Tastaturbildwechsel_nach(6); return false;" style="" id="ebenenreiter6">Ebene6</a>
+ <div id="linkbutton" style="text-align:center;">
+<?php
+$e = empty($_GET['ebene']) ? 1 : $_GET['ebene'];
+for ($i = 1; $i < 7; $i++) {
+ $style = ($i == $e) ? "border-color:#56b; color:#23b;" : "";
+ echo "<a href='?ebene=$i' style='$style'>Ebene $i</a>";
+}
+?>
</div>
</div>
<div>
- <img src="./tastatur_neo_Ebene1.png" alt="tastaturbild" id="IE6-Bildweitenkorrektur" />
+ <img src="./tastatur_neo_Ebene<?php echo $e; ?>.png" alt="tastaturbild" id="IE6-Bildweitenkorrektur" />
</div>
</div>
</div>
diff --git a/www/stylesheet.css b/www/stylesheet.css
index 28e6e86..9508d90 100644
--- a/www/stylesheet.css
+++ b/www/stylesheet.css
@@ -187,4 +187,4 @@ p { /* text-indent:1em;
width: 57.5em;
}
-
+.aktiveEbene { border-color:#56b; color:#23b; }