Funktion / Scripthilfe - Mathematische Berechnung in WP

  • Hallo zusammen,
    ich habe mich bisher schon durchgegoogelt und selber etwas zusammengebaut.
    Ich möchte in Wordpress eine mathematische Berechnung durchführen lasen

    <h4 style="text-align: center;"><span style="color: #3366ff;">Berechnungstool für eine Box / Verpackung</span></h4><span style="color: #000000;">&nbsp;Bitte auch hier die Zahlen mit einem Punkt in den Rechner eingeben. Kommas werden leider nicht erkannt :negative: <strong></strong></span><table><tbody><tr><td>Länge Box</td><td><input id="laenge-box" type="text"></td></tr><tr><td>Breite Box</td><td><input id="breite-box" type="text"></td></tr><tr><td>Höhe Box</td><td><input id="hoehe-box" type="text"></td></tr><tr><td>Größe Papier</td><td><input id="groesse-box" readonly="readonly" type="text"></td></tr><tr><td>1. Falzlinie</td><td><input id="linie-box-1" readonly="readonly" type="text"></td></tr><tr><td>2. Falzlinie</td><td><input id="linie-box-2" readonly="readonly" type="text"></td></tr><tr><td>&nbsp;</td><td><button id="berechne-box" type="button">Berechnen</button></td></tr></tbody></table>Gebt einfach die Länge, Breite und Höhe der gewünschten Box in cm ein - damit die Box nicht so Eng um den Gegenstand anliegt solltet ihr einen halben cm (0.5 cm) bei allen Angaben hinzurechnen.
    Nach dem Klick auf „Berechnen“ und wird euch angezeigt, welche Größe das quadratische Stück Papier haben muss und wo die ersten beiden Falzlinien gezogen werden.
    <script>(function(){var e=jQuery;e(function(){e("#berechne-karte","#formel").on("click",function(){var t=parseFloat(e("#laenge-karte").val(),10);var n=parseFloat(e("#breite-karte").val(),10);var r=((t+n)/Math.sqrt(2)+2).toFixed(1);var i=(t/Math.sqrt(2)+1).toFixed(1);e("#groesse-karte").val(r);e("#linie-karte").val(i)});e("#berechne-box","#formel").on("click",function(){var t=parseFloat(e("#laenge-box").val(),10);var n=parseFloat(e("#breite-box").val(),10);var r=parseFloat(e("#hoehe-box").val(),10);var i=((t+n+2*r)/Math.sqrt(2)+2).toFixed(1);var s=(t/Math.sqrt(2)+1).toFixed(1);var o=((t+2*r)/Math.sqrt(2)+1).toFixed(1);e("#groesse-box").val(i);e("#linie-box-1").val(s);e("#linie-box-2").val(o)})})})()</script>[/code]

    Das ich was falsch mache weiß ich, nur was? Kennt sich hier jemand aus und kann helfen?

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • PHP
    <h4 style="text-align: center;"><span style="color: #3366ff;">Berechnungstool&nbsp;für einen Umschlag</span></h4>Bitte die Zahlen mit einem Punkt in den Rechner eingeben. Kommas erkennt leider nicht erkannt &nbsp;:negative:&nbsp;<table><tbody><tr><td style="text-align: left;">Länge Karte</td><td><input id="laenge-karte" type="text"></td></tr><tr><td>Breite Karte</td><td><input id="breite-karte" type="text"></td></tr><tr><td>Größe Papier</td><td><input id="groesse-karte" readonly="readonly" type="text"></td></tr><tr><td>Falzlinie</td><td><input id="linie-karte" readonly="readonly" type="text"></td></tr><tr><td>&nbsp;</td><td><button id="berechne-karte" type="button">Berechnen</button></td></tr></tbody></table>Gebt einfach die Länge und Breite des gewünschten Briefumschlags ein - bitte rechnet pro Maß einen halben cm (0.5 cm) dazu, damit der Umschlag nicht zu eng anliegt.
    Nach dem Klick auf „Berechnen“ wird Euch angezeigt, welche Größe das quadratische Papier haben muss und wo die Falzlinie gezogen werden muss.<h4 style="text-align: center;"><span style="color: #3366ff;">Berechnungstool für eine Box / Verpackung</span></h4><span style="color: #000000;">&nbsp;Bitte auch hier die Zahlen mit einem Punkt in den Rechner eingeben. Kommas werden leider nicht erkannt :negative: <strong></strong></span><table><tbody><tr><td>Länge Box</td><td><input id="laenge-box" type="text"></td></tr><tr><td>Breite Box</td><td><input id="breite-box" type="text"></td></tr><tr><td>Höhe Box</td><td><input id="hoehe-box" type="text"></td></tr><tr><td>Größe Papier</td><td><input id="groesse-box" readonly="readonly" type="text"></td></tr><tr><td>1. Falzlinie</td><td><input id="linie-box-1" readonly="readonly" type="text"></td></tr><tr><td>2. Falzlinie</td><td><input id="linie-box-2" readonly="readonly" type="text"></td></tr><tr><td>&nbsp;</td><td><button id="berechne-box" type="button">Berechnen</button></td></tr></tbody></table>Gebt einfach die Länge, Breite und Höhe der gewünschten Box in cm ein - damit die Box nicht so Eng um den Gegenstand anliegt solltet ihr einen halben cm (0.5 cm) bei allen Angaben hinzurechnen.
    Nach dem Klick auf „Berechnen“ und wird euch angezeigt, welche Größe das quadratische Stück Papier haben muss und wo die ersten beiden Falzlinien gezogen werden.
    <script>(function(){var e=jQuery;e(function(){e("#berechne-karte","#formel").on("click",function(){var t=parseFloat(e("#laenge-karte").val(),10);var n=parseFloat(e("#breite-karte").val(),10);var r=((t+n)/Math.sqrt(2)+2).toFixed(1);var i=(t/Math.sqrt(2)+1).toFixed(1);e("#groesse-karte").val(r);e("#linie-karte").val(i)});e("#berechne-box","#formel").on("click",function(){var t=parseFloat(e("#laenge-box").val(),10);var n=parseFloat(e("#breite-box").val(),10);var r=parseFloat(e("#hoehe-box").val(),10);var i=((t+n+2*r)/Math.sqrt(2)+2).toFixed(1);var s=(t/Math.sqrt(2)+1).toFixed(1);var o=((t+2*r)/Math.sqrt(2)+1).toFixed(1);e("#groesse-box").val(i);e("#linie-box-1").val(s);e("#linie-box-2").val(o)})})})()</script>
  • Ersetze [FONT=courier new]e("#berechne-karte","#formel")[/FONT] durch [FONT=courier new]e("#berechne-karte")[/FONT] und das gleiche bei der Box.

    Wenn mehrere Elemente den gleichen Handler bekommen sollen, werden sie zwar mit einem Komma getrennt, aber nicht in extra Anführungszeichen gesetzt, siehe auch hier.

  • Ersetze [FONT=courier new]e("#berechne-karte","#formel")[/FONT] durch [FONT=courier new]e("#berechne-karte")[/FONT] und das gleiche bei der Box.

    Wenn mehrere Elemente den gleichen Handler bekommen sollen, werden sie zwar mit einem Komma getrennt, aber nicht in extra Anführungszeichen gesetzt, siehe auch hier.

    Herzlichen Dank!!! Das funktioniert!!! Oh man, da hätte ich noch lange gesessen und gezweifelt :oops:

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!