Christoph: einen Button für mehrere Funktionen benutzen!

Beitrag lesen

Also: Ich mcöhte gerne, dass man mit einem Button zwischen Druckversion (druck.css) und Normalversion (blau.css) umswitchen kann. Mit den beiden Hyperlinks am Ende, die die function setActiveStyleSheet(title) aufrufen, und ihr den Parameter übereben, gehtes, was bedeutet, dass das script funktioniert. Aber die Buttonfunktion funktioniert nicht. Wenn man draufklickt, geht er zum Seitenanfang oder macht nen reload, was davon passiert, weiß ich nicht genau.
Hier noch mal der Code

Danke für eure Hilfe
Ich werde nie wieder Doppelpostings schreiben oder Prellen ;-/

<html>

<head>
<link rel="stylesheet" media="screen" href="files/blau.css">
<link rel="stylesheet" media="print" href="files/druck.css">
<link rel="alternate stylesheet" type="text/css" href="files/druck.css" title="druck">
<script type="text/javascript">
<!--
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;
     }
   }
}
var status = 1;
function wechsel() {
  if(status == 1){
  setActiveStyleSheet('druck'); return false; status = 2;}
  if(status == 2){
  setActiveStyleSheet('default'); return false; status = 1;}
  }
//-->
</script>
</head>

<body>
<form method="POST">
  <p><input type="submit" value="Ansicht" name="#" onclick="wechsel()"></p>
</form>
<a href="#" onclick="setActiveStyleSheet('default'); return false;">change style to default</a>
<a href="#" onclick="setActiveStyleSheet('druck'); return false;">change style to paul</a>
</body>
</html>