Ergebnis 1 bis 5 von 5

Thema: Javascript Textfelder im Formula zusammenrechnen!

  1. #1
    Matzetaze
    Gast

    Standard Javascript Textfelder im Formula zusammenrechnen!

    Ich habe ein Problem. Ich habe ein ganz einfaches Bestellformular. In diesem solllen nun die 10 Preise, die der "Ausfüller des Formulars" selbst angibt, zu einem Gesamtpreis zusammmen gerechnet werden. Ich hab das ganze mit Onclick versucht und vorher die Javascript Function rechnen() zu beschreiben, aber irgendwie hat das nicht geklappt. Hier mal der Quelltext von dem Formular:

    <table>
    <tr>
    <td></td><td>Bestellnummer:</td><td>Produkt</td><td>Preis:</td>
    </tr>
    <tr>
    <td>1:</td><td><input type="Text" name="Bestellnummer1" value="00-00-00" size="15" maxlength="8"></td><td><input type="Text" name="Produkt1" value="1. Produkt" size="40" maxlength="70"></td><td><input type="Text" name="Preis1" value="0" size="10" maxlength="7"></td>
    </tr>
    <tr>
    <td>2:</td><td><input type="Text" name="Bestellnummer2" value="00-00-00" size="15" maxlength="8"></td><td><input type="Text" name="Produkt2" value="2. Produkt" size="40" maxlength="70"></td><td><input type="Text" name="Preis2" value="0" size="10" maxlength="7"></td>
    </tr>
    <tr>
    <td>3:</td><td><input type="Text" name="Bestellnummer3" value="00-00-00" size="15" maxlength="8"></td><td><input type="Text" name="Produkt3" value="3. Produkt" size="40" maxlength="70"></td><td><input type="Text" name="Preis3" value="0" size="10" maxlength="7"></td>
    </tr>
    <tr>
    <td>4:</td><td><input type="Text" name="Bestellnummer4" value="00-00-00" size="15" maxlength="8"></td><td><input type="Text" name="Produkt4" value="4. Produkt" size="40" maxlength="70"></td><td><input type="Text" name="Preis4" value="0" size="10" maxlength="7"></td>
    </tr>
    <tr>
    <td>5:</td><td><input type="Text" name="Bestellnummer5" value="00-00-00" size="15" maxlength="8"></td><td><input type="Text" name="Produkt5" value="5. Produkt" size="40" maxlength="70"></td><td><input type="Text" name="Preis5" value="0" size="10" maxlength="7"></td>
    </tr>
    <tr>
    <td>6:</td><td><input type="Text" name="Bestellnummer6" value="00-00-00" size="15" maxlength="8"></td><td><input type="Text" name="Produkt6" value="6. Produkt" size="40" maxlength="70"></td><td><input type="Text" name="Preis6" value="0" size="10" maxlength="7"></td>
    </tr>
    <tr>
    <td>7:</td><td><input type="Text" name="Bestellnummer7" value="00-00-00" size="15" maxlength="8"></td><td><input type="Text" name="Produkt7" value="7. Produkt" size="40" maxlength="70"></td><td><input type="Text" name="Preis7" value="0" size="10" maxlength="7"></td>
    </tr>
    <tr>
    <td>8:</td><td><input type="Text" name="Bestellnummer8" value="00-00-00" size="15" maxlength="8"></td><td><input type="Text" name="Produkt8" value="8. Produkt" size="40" maxlength="70"></td><td><input type="Text" name="Preis8" value="0" size="10" maxlength="7"></td>
    </tr>
    <tr>
    <td>9:</td><td><input type="Text" name="Bestellnummer9" value="00-00-00" size="15" maxlength="8"></td><td><input type="Text" name="Produkt9" value="9. Produkt" size="40" maxlength="70"></td><td><input type="Text" name="Preis5" value="0" size="10" maxlength="7"></td>
    </tr>
    <tr>
    <td>10:</td><td><input type="Text" name="Bestellnummer10" value="00-00-00" size="15" maxlength="8"></td><td><input type="Text" name="Produkt10" value="10. Produkt" size="40" maxlength="70"></td><td><input type="Text" name="Preis10" value="0" size="10" maxlength="7"></td>
    </tr>
    <tr>
    <td></td><td></td><td><input type="button" name="Gesamtpreis" </td><td><input type="Text" name="Gesamtpreis" value="" size="10" maxlength="7"></td>
    </tr>


    </table>

    Ich hatte mir das so gedacht, das der Gesamtpreis Button mir onclick generiert wird, und dieser dann Preis1 + Preis2 + ... rechnet und dieses dann im Textfeld Gesamtpreis erscheint. Mit dem anderen was ich bisher versucht habe, hat es nicht geklappt, nun weiß ich bei dieser möglicheit aber nicht, wie ich das rechnen() angeben soll!

    Vielleicht kann mir wer von euch helfen???

    mfg
    Matze
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    König(in) Avatar von d4f
    Registriert seit
    22.04.2007
    Ort
    Luxemburg
    Beiträge
    1.493
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Eine funktionnierende Version:
    Code:
    <script type="text/javascript">
    function rechnen&#40;&#41; &#123;
    var liste = document.Bestellen;
    document.Bestellen.Gesamtpreis.value = document.Bestellen.Preis1.value/1 + document.Bestellen.Preis2.value/1 + document.Bestellen.Preis3.value/1 + document.Bestellen.Preis4.value/1 + document.Bestellen.Preis5.value/1 + document.Bestellen.Preis6.value/1 + document.Bestellen.Preis7.value/1 + document.Bestellen.Preis8.value/1 + document.Bestellen.Preis9.value/1 + document.Bestellen.Preis10.value/1;
    &#125;
    </script>
    <form name='Bestellen'>
    <table>
    <tr>
    <td></td><td>Bestellnummer&#58;</td><td>Produkt</td><td>Preis&#58;</td>
    </tr>
    <tr>
    <td>1&#58;</td><td><input type="Text" name="Bestellnummer1" value="00-00-00" size="15" maxlength="8"></td><td><input type="Text" name="Produkt1" value="1. Produkt" size="40" maxlength="70"></td><td><input type="text" name="Preis1" onchange="rechnen&#40;this.value&#41;" value=0 size="10" maxlength="7"></td>
    </tr>
    <tr>
    <td>2&#58;</td><td><input type="Text" name="Bestellnummer2" value="00-00-00" size="15" maxlength="8"></td><td><input type="Text" name="Produkt2" value="2. Produkt" size="40" maxlength="70"></td><td><input type="text" name="Preis2" onchange="rechnen&#40;this.value&#41;" value=0 size="10" maxlength="7"></td>
    </tr>
    <tr>
    <td>3&#58;</td><td><input type="Text" name="Bestellnummer3" value="00-00-00" size="15" maxlength="8"></td><td><input type="Text" name="Produkt3" value="3. Produkt" size="40" maxlength="70"></td><td><input type="Text" name="Preis3" onchange="rechnen&#40;this.value&#41;" value=0 size="10" maxlength="7"></td>
    </tr>
    <tr>
    <td>4&#58;</td><td><input type="Text" name="Bestellnummer4" value="00-00-00" size="15" maxlength="8"></td><td><input type="Text" name="Produkt4" value="4. Produkt" size="40" maxlength="70"></td><td><input type="Text" name="Preis4" onchange="rechnen&#40;this.value&#41;" value=0 size="10" maxlength="7"></td>
    </tr>
    <tr>
    <td>5&#58;</td><td><input type="Text" name="Bestellnummer5" value="00-00-00" size="15" maxlength="8"></td><td><input type="Text" name="Produkt5" value="5. Produkt" size="40" maxlength="70"></td><td><input type="Text" name="Preis5" onchange="rechnen&#40;this.value&#41;" value=0 size="10" maxlength="7"></td>
    </tr>
    <tr>
    <td>6&#58;</td><td><input type="Text" name="Bestellnummer6" value="00-00-00" size="15" maxlength="8"></td><td><input type="Text" name="Produkt6" value="6. Produkt" size="40" maxlength="70"></td><td><input type="Text" name="Preis6" onchange="rechnen&#40;this.value&#41;" value=0 size="10" maxlength="7"></td>
    </tr>
    <tr>
    <td>7&#58;</td><td><input type="Text" name="Bestellnummer7" value="00-00-00" size="15" maxlength="8"></td><td><input type="Text" name="Produkt7" value="7. Produkt" size="40" maxlength="70"></td><td><input type="Text" name="Preis7" onchange="rechnen&#40;this.value&#41;" value=0 size="10" maxlength="7"></td>
    </tr>
    <tr>
    <td>8&#58;</td><td><input type="Text" name="Bestellnummer8" value="00-00-00" size="15" maxlength="8"></td><td><input type="Text" name="Produkt8" value="8. Produkt" size="40" maxlength="70"></td><td><input type="Text" name="Preis8" onchange="rechnen&#40;this.value&#41;" value=0 size="10" maxlength="7"></td>
    </tr>
    <tr>
    <td>9&#58;</td><td><input type="Text" name="Bestellnummer9" value="00-00-00" size="15" maxlength="8"></td><td><input type="Text" name="Produkt9" value="9. Produkt" size="40" maxlength="70"></td><td><input type="Text" name="Preis9" onchange="rechnen&#40;this.value&#41;" value=0 size="10" maxlength="7"></td>
    </tr>
    <tr>
    <td>10&#58;</td><td><input type="Text" name="Bestellnummer10" value="00-00-00" size="15" maxlength="8"></td><td><input type="Text" name="Produkt10" value="10. Produkt" size="40" maxlength="70"></td><td><input type="Text" name="Preis10" onchange="rechnen&#40;&#41;" value=0 size="10" maxlength="7"></td>
    </tr>
    <tr>
    <td></td><td></td><td><div style='background-color&#58;#e0e0e0; text-align&#58;right;'>GesamtPreis &#40;hier klicken&#41;</div></td><td><input type="Text" name="Gesamtpreis" value="" size="10" maxlength="7"></td>
    </tr>
    </table> 
    </form>
    Ich hab mal eine onchange() eingebaut, so dass der Wert direkt geupdatet wird -sieht huebscher aus
    Wir sind alle ein BOFH:

  3. #3
    Matzetaze
    Gast

    Standard

    vieeeeeeeeeelen Dank!!!

  4. #4
    Gast

    Standard

    Nur ein neues Problem ist wieder da, man kann nicht auf das Gesamtpreis klicken!^^
    Woran könnte das liegen?

  5. #5
    König(in) Avatar von d4f
    Registriert seit
    22.04.2007
    Ort
    Luxemburg
    Beiträge
    1.493
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Da ist ja nichts zu klicken...
    Man muss nur nach der letzten Werteingabe einmal irgendwoanders hin klicken, damit der Wert von Javascript als entgüultig angenommen wird
    Wir sind alle ein BOFH:

Ähnliche Themen

  1. formula
    Von campor im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 27.03.2008, 17:31
  2. Spalte in MySQL-Tab zusammenrechnen
    Von Gästle im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 4
    Letzter Beitrag: 20.08.2007, 11:28
  3. Kontakt Formula erstellen mit HTML über T-Online ????
    Von Matsarna im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 26.12.2006, 23:07
  4. Brauche hilfe bei Formula
    Von Lico_wiedermal im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 16.10.2006, 01:23
  5. Formula in tabelle speichern
    Von Lion im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 3
    Letzter Beitrag: 09.01.2005, 01:01

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •