Benedikt Schlegel: Eventhandling

Beitrag lesen

<html>  
<head>  
  <script type="text/javascript">  
  <!--  
    function myButtonEventHandler1() {  
      document.getElementById("button01").value = "OK, Danke!";  
    }  
    function myButtonEventHandler2(mouseEvent) {  
      if (!mouseEvent) { mouseEvent = window.event; }  
      document.getElementById("button01").value = "Bitte hier klicken!";  
    }  
  //-->  
  </script>  
</head>  
<body>  
  <input type="button" id="button01" value="Bitte hier klicken!" onclick="myButtonEventHandler1();">  
  <input type="button" id="button02" value="Zurücksetzen!">  
  <script type="text/javascript">  
  <!--  
    document.getElementById("button02").onclick = myButtonEventHandler2;  
  //-->  
  </script>  
</body>  
</html>

Zumindest im gepasteten Code hattest du 2 (bis 3) Fehler.

Zum einen hattest du (2x) die schließenden Anführungszeichen bei
<script type="text/javascript">
vergessen.

Zum anderen hattest du im zweiten script-Block deinen Funktionsnamen falsch geschrieben. "myEventHandler2" an Stelle von "myButtonEventHandler2". So hats bei mir auch nicht funktioniert ;)

So läuft es jetzt zumindest im FF3 und IE6+7

So long..