Fehler: ...is not a function

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • Fehler: ...is not a function

    Ich habe folgendes Script im Head Bereich meiner HTML Datei:

    Quellcode

    1. function tel1() {
    2. if (document.neu.tel1.value == "Text") {
    3. document.neu.tel1.value = "";
    4. document.neu.tel1.style.color= "#000";
    5. }
    6. if (document.neu.tel1.value == "") {
    7. document.neu.tel1.value = "Text";
    8. document.neu.tel1.style.color = "#999";
    9. }
    10. }


    Wenn ich die Funktion ins Body Tag schreibe, funktioniert sie beim Seitenaufruf einwandfrei. Ich habe sie aber auch noch in das inputfeld per "onfocus" und "onblur" eingebunden, wo sie aber komischerweise nicht funktioniert. Dort bekomme ich nur die Fehlermeldung in der Fehlerkonsole von Firefox: "TypeError: tel1 is not a function".

    Was mache ich falsch?

  • Danke für deinen Tip. Habe so ziemlich alles umbenannt, brachte aber leider nichts. Ich habe es zwar auf Umwege hinbekommen, aber ich würde gerne wissen was hier falsch ist.

    Hier der Code:

    Quellcode

    1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    2. "http://www.w3.org/TR/html4/loose.dtd">
    3. <html>
    4. <head>
    5. <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
    6. <link rel="stylesheet" type="text/css" href="style.css">
    7. <script type="text/Javascript">
    8. <!--
    9. function text1() {
    10. if (document.eingabe.tel1.value == "Text") {
    11. document.eingabe.tel1.value = "";
    12. document.eingabe.tel1.style.color= "#000";
    13. }
    14. if (document.eingabe.tel1.value == "") {
    15. document.eingabe.tel1.value = "Text";
    16. document.eingabe.tel1.style.color = "#999";
    17. }
    18. }
    20. function nummer1() {
    21. if (document.eingabe.telefon1.value == "Telefonnr.") {
    22. document.eingabe.telefon1.value = "";
    23. document.eingabe.telefon1.style.color= "#000";
    24. }
    25. if (document.eingabe.telefon1.value == "") {
    26. document.eingabe.telefon1.value = "Telefonnr.";
    27. document.eingabe.telefon1.style.color = "#999";
    28. }
    29. }
    30. -->
    31. </script>
    32. </head>
    33. <body onload="text1(); nummer1();">
    34. <form method="post" name="eingabe">
    35. Lieferant: <input type="radio" name="art" id="art_lief">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    36. Mitarbeiter: <input type="radio" name="art" id="art_mit">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    37. Kunde: <input type="radio" name="art" id="art_kun">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    38. Sonstiges: <input type="radio" name="art" id="art_son">
    39. <br><br>
    40. <!-- Lieferant START ***************************************************************************************************** -->
    41. <div style="background-color: #ccc; width: 420px; padding: 10px; border: 1px solid #888;">
    42. <table>
    43. <tr>
    44. <td style="width: 120px;" class="bold uline">Kundennummer</td>
    45. <td><input style="width: 300px;" type="text" name="kdnr"></td>
    46. </tr>
    47. </table>
    48. </div>
    49. <br>
    50. <div style="background-color: #ccc; width: 420px; padding: 10px; border: 1px solid #888;">
    51. <table>
    52. <tr>
    53. <td colspan="2" class="bold uline">Firmensitz</td>
    54. </tr>
    55. <tr>
    56. <td style="width: 100px;">Lieferant</td>
    57. <td><input class="inputweite" type="text" name="name"></td>
    58. </tr>
    59. <tr>
    60. <td>Firmenname</td>
    61. <td><input class="inputweite" type="text" name="name"></td>
    62. </tr>
    63. <tr>
    64. <td>Straße</td>
    65. <td><input class="inputweite" type="text" name="strasse"></td>
    66. </tr>
    67. <tr>
    68. <td>Plz</td>
    69. <td><input style="width: 70px;" type="text" name="plz">&nbsp;&nbsp;&nbsp;&nbsp;Ort <input style="width: 185px;" type="text" name="ort"></td>
    70. </tr>
    71. <tr>
    72. <td>Land</td>
    73. <td><input class="inputweite" type="text" name="land" value="Deutschland"></td>
    74. </tr>
    75. <tr>
    76. <td>Telefon 1</td>
    77. <td><input style="width: 160px;" type="text" name="tel1" onfocus="text1();" onblur="text1();" value="Text">&nbsp;<input style="width: 132px;" type="text" name="telefon1" onfocus="nummer1();" onblur="nummer1();" value="Telefonnr."></td>
    78. </tr>
    79. <tr>
    80. <td>Fax</td>
    81. <td><input class="inputweite" type="text" name="fax"></td>
    82. </tr>
    83. <tr>
    84. <td>Handy</td>
    85. <td><input class="inputweite" type="text" name="handy"></td>
    86. </tr>
    87. <tr>
    88. <td>E-Mail</td>
    89. <td><input class="inputweite" type="text" name="mail"></td>
    90. </tr>
    91. </table>
    92. </div>
    93. <!-- Lieferant ENDE ***************************************************************************************************** -->
    94. <br><br>
    95. <input type="submit" value="Speichern" name="submit">
    96. </form>
    97. </body>
    98. </html>
    Alles anzeigen

  • Der Fehler ist denkbar einfach. Fällt beim debuggen und durchsteppen auf. ;)

    Quellcode

    1. function nummer1() {
    2. if (document.eingabe.telefon1.value == "Telefonnr.") {
    3. document.eingabe.telefon1.value = "";
    4. document.eingabe.telefon1.style.color= "#000";
    5. }
    6. if (document.eingabe.telefon1.value == "") {
    7. document.eingabe.telefon1.value = "Telefonnr.";
    8. document.eingabe.telefon1.style.color = "#999";
    9. }
    10. }


    Dein Problem ist, dass du erst das Feld auf value = "" setzt und dann im Anschluss auf value == "" prüfst. ich würde mal sagen, da fehlt ein "else". ;)


    Mit dem folgenden Code funktioniert es bei mir (neuster Chrome):

    Quellcode

    1. function text1() {
    2. if (document.eingabe.tel1.value == "Text") {
    3. document.eingabe.tel1.value = "";
    4. document.eingabe.tel1.style.color= "#000";
    5. } else if (document.eingabe.tel1.value == "") {
    6. document.eingabe.tel1.value = "Text";
    7. document.eingabe.tel1.style.color = "#999";
    8. }
    9. }
    11. function nummer1() {
    12. if (document.eingabe.telefon1.value == "Telefonnr.") {
    13. document.eingabe.telefon1.value = "";
    14. document.eingabe.telefon1.style.color= "#000";
    15. } else if (document.eingabe.telefon1.value == "") {
    16. document.eingabe.telefon1.value = "Telefonnr.";
    17. document.eingabe.telefon1.style.color = "#999";
    18. }
    19. }
    Alles anzeigen


    Grüße!
    Bodo06