Support » Allgemeine Fragen » JavaScript funktioniert plötzlich nur mehr in der Vorschau

  • Gelöst sironaaa

    (@sironaaa)


    Guten Tag,

    wir sitzen jetzt schon länger an einem Problem und kommen leider nicht mehr weiter. Auf unserer Website haben wir schon vor Längerem eine Tabelle erstellt, in der mittels Java Script etwas ausgerechnet wird (ob Checkboxen angehakt werden oder nicht).

    Dies hat auch immer tadellos funktioniert, bis ich an der Tabelle etwas geändert habe (nichts am JavaScript). Als ich es danach ausprobieren wollte, hat es nur mehr in der HTML-Code Vorschau, aber nicht mehr auf der Website-Vorschau funktioniert.

    Daraufhin habe ich den Code durch den alten, bislang funktionierenden Code ersetzt. Dieser funktioniert nun aber auch nur mehr in der Vorschau…

    In der JavaScript Konsole sind folgende Fehler zu finden:

    Uncaught TypeError: Cannot set property ‚value‘ of undefined
    at check Total
    at HTMLInputElement.onchange

    Unser Code, auf dem sich der Fehler wohl bezieht:

    script type="text/javascript">
    
    	function checkTotal() {
    		document.listForm.total.value = '';
    		var sum = 0;
    		for (i=0;i<document.listForm.choice.length;i++) {
    		  if (document.listForm.choice[i].checked) {
    		  	sum = sum + parseInt(document.listForm.choice[i].value);
    		  }
    		}
    		document.listForm.total.value = sum;
    	}
    </script>
    <form name="listForm">
    <table>
    	<tr>
    		<td style="text-align:center; color:grey"><b>A</b></td>
    		<td>Zeile1</td>
    		<td><input type="checkbox" name="choice" value="1" onchange="checkTotal()"/>
    	</tr>
    	<tr>
    		<td colspan="2"; style="text-align:right;"><b>total</b></td>
    		<td><input type="text" size="2" name="total" value="1"/></td>
    	</tr>
    
    </table>
    </form>

    Hat jemand eine Idee was wir falsch gemacht haben könnten?

    An ein Update und an Plugins habe ich auch schon gedacht, aber durch deaktivieren der Plugins waren wir auch nicht erfolgreicher…

    Vielen Dank schonmal im Vorraus,
    Sirona

Ansicht von 9 Antworten - 1 bis 9 (von insgesamt 9)
  • Hallo,
    die Hinweise zu WordPress 5.5 hast du schon gelesen? – Möglicherweise kann dein Problem durch die Installation des Plugins Enable jQuery Migrate Helper behoben werden (siehe o. g. Beitrag). Lösche bitte anschließend Browser- und sonstige Caches.
    Viele Grüße
    Hans-Gerd

    Sorry für den Fehler: In der dritten Spalte der ersten Zeile der Tabell gehört natürlich ein </td> am Ende hin… Müsste bei der Übertragung wo verloren gegangen sein – ist aber definitv nicht das Problem 🙂

    Moderator Bego Mario Garde

    (@pixolin)

    Vorab: Fragen zu JavaScript sind hier off topic, auch wenn du JavaScript auf einer WordPress-Webseite verwendest.

    Wahrscheinlich hast du beim ersten Tag nur die anführende spitze Klammer vergessen.

    Also nicht script type="text/javascript">
    sondern <script type="text/javascript">.

    Vielen Dank für die schnellen Antworten!

    Das Plugin verzeichnet keine Fehlermeldungen (No deprecations have been logged). Glaube auch nicht, dass der JavaScript Coe das Problem ist, sonst hätte er nicht so funktioniert wie er es ein Monat lang gemacht hat… (Die Klammer hab ich nur in dem BEitrag vergessen, sorry)

    Moderator Bego Mario Garde

    (@pixolin)

    Das Plugin verzeichnet keine Fehlermeldungen (No deprecations have been logged).

    Dem Plugin sind auch JavaScript-Fehler herzlich egal.

    Glaube auch nicht, dass der JavaScript Coe das Problem ist

    Ich schon. Ich habe den Code so, wie du ihn angegeben hast, kopiert und bekomme die gleiche Fehlermeldung. Füge ich die Klammer ein, funktioniert auch das JavaScript.

    sonst hätte er nicht so funktioniert wie er es ein Monat lang gemacht hat

    Aha. Und wer hat jetzt Code hin- und herkopiert? „Daraufhin habe ich den Code durch den alten, bislang funktionierenden Code ersetzt.“

    Aber … ich sitz nicht an deinem Monitor, habe keinen Link zur Website und auch sonst wenig Ahnung. Vielleicht magst du einfach mal nachschauen?

    In diversen online JavaScript Editoren funktioniert auch mein Code (die eckige Klammer habe ich nur hier im Beitrag vergessen), auch in der Vorschau beim Seiten editieren in WordPress funktioniert alles wie gewollt. Aber hald nicht auf der Website-Vorschau…

    Kenn mich leider bei der Synatx zu wenig aus, um euch das Problem genauer schildern zu können. Aber vielen Dank für eure Tipps, könnt ihr irgendein JavaScript Forum empfehlen?

    Moderator Bego Mario Garde

    (@pixolin)

    Du könntest ja auch mal eine URL zur Website angeben, damit wir uns das mal im Browser anschauen?

    Das Problem hat sich in diesem Augenblick erledigt! 🙂 Das Plugin „Enable jQuery Migrate Helper“ hat nun eine Fehlermeldung ausgeworfen – daraufhin habe ich das Plugin „WPtouch Mobile Plugin“ deaktiviert. Es hat seit dem Update anscheinend die Fehler hervorgerufen.

    Vielen Dank für eure Hilfe!

    danke für die Info. Denkst du bitte beim nächsten Mal daran, das Thema dann auch als gelöst zu markieren. Das habe ich jetzt schon gemacht.

Ansicht von 9 Antworten - 1 bis 9 (von insgesamt 9)