Ernesto: Eventhandling

Hallo,
ich habe ein Problem mit dem IE von Microsoft:

<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 = myEventHandler2;
 //-->
 </script>
...
</body>
</html>

Der 2.EventHandler "myEventHandler2" wird nie ausgeführt, obwohl ich den
Button "button02" anclicke. Wieso?? Wo liegt der Fehler???

Viele Grüße Ernesto

  1. Hi,

    document.getElementById("button02").onclick = myEventHandler2;
    Der 2.EventHandler "myEventHandler2" wird nie ausgeführt, obwohl ich den
    Button "button02" anclicke. Wieso?? Wo liegt der Fehler???

    wo liegt myEventHandler2?

    Cheatah

    --
    X-Self-Code: sh:( fo:} ch:~ rl:| br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
    X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
    X-Will-Answer-Email: No
    X-Please-Search-Archive-First: Absolutely Yes
  2. function myButtonEventHandler2(mouseEvent)
      {
       if (!mouseEvent) { mouseEvent = window.event; }
       document.getElementById("button01").value = "Bitte hier klicken!";
      }

    <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 = myEventHandler2;
    //-->
    </script>
    Der 2.EventHandler "myEventHandler2" wird nie ausgeführt, obwohl ich den
    Button "button02" anclicke. Wieso?? Wo liegt der Fehler???

    Woher weißt du das er nie ausgeführt wird?
    Soweit ich das sehe passiert doch sowieso nichts was man sehen könnte.

    Struppi.

  3. <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..