Cordial: Einfacher Kostenkalkulator

Hallo zsam,

Ich möchte gerne einen einfachen Konstenkalkulator machen.

Hier mal ein Bild wie ich mir das vorstelle:

http://comwerx.de/kalkulator.jpg

In den jeweiligen Optionsfeldern sollen mehrere Auswahlmöglichkeiten haben mit festen Preisen. Die ganzen Optionsfelder mit ausgewählter Auswahlmöglichkeit sollen dann einfach unten die Gesamtsumme wiedergeben.

Kann mir da jemand weiterhelfen?

MFG
Peter

  1. heyho

    erstmal ich hab sowas vor 1ner woche mal gesucht und nach 10 minuten gefunden (finde es jetzt grade nicht mehr)

    aber such begriffe wie:
    calculathis()  & java script

    sollten dich zu dem how to bringen das ich da gefunden hatte

    übrigens, sehr schönes bild, habs mir gleich runterkopiert das ich immer erklären kann wenn mich wer fragt wie man sowas macht^^

    l.g.

    1. Hi,

      Danke für die Tips, aber ich finde irgendwie garnichts mit den Begriffen calculathis()  & java script :(

      MFG
      Peter

      1. Danke für die Tips, aber ich finde irgendwie garnichts mit den Begriffen calculathis()  & java script :(

        Evtl. das hier: http://lists.evolt.org/pipermail/javascript/2004-February/006591.html?

        Siechfred

        --
        Hinter den Kulissen passiert viel mehr, als man denkt, aber meistens nicht das, was man denkt.
        1. Hab eine Lösung hier im Forum doch gefunden:

          <head>
          <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
          <title>Unbenanntes Dokument</title>
          </head>

          <body>
          <form name="myForm" action="save.asp" method=post>
          <input onClick="addition(this);" type="checkbox" name="ArtikelCheckListe" value="48">
          <input onClick="addition(this);" type="checkbox" name="ArtikelCheckListe" value="23">
          <input onClick="addition(this);" type="checkbox" name="ArtikelCheckListe" value="16">
          <input type=text name="result" readOnly>
          </form>

          <script type="text/javascript">
          function addition(el){

          var summe = 0; // Anfangsbetrag
           var liste = el.form[el.name]; // Die Liste aller Checkboxen mit dem Namen
           for(var i = 0; i < liste.length; i++) summe += parseInt( liste[i].checked ? liste[i].value  : 0);
           el.form.result.value = summe;
          }
          </script>
          </body>
          </html>

          Diese klappt so wie ich es nun möchte, aber kann man das Endergebnis nicht einfach so darstellen lassen -> Summe = (Hier kommt das Ergebnis rein) €

          Zur Zeit ist es ja mit einem Feld gelöst, wo das Ergebnis reinkommt, aber wenn es geht, dann würde ich das gerne ohne ein Feld dargestellt haben.

          MFG
          Peter

          1. Ich habe bemerkt, dass mit dieser Lösung keine Nachkommastellen mitberechnet werden was ich allerding benötige. Jemand ein Lösung?

            1. Yerf!

              Ich habe bemerkt, dass mit dieser Lösung keine Nachkommastellen mitberechnet werden was ich allerding benötige. Jemand ein Lösung?

              Für Nachkommastellen musst du anstelle der parseInt-Aufrufe http://de.selfhtml.org/javascript/objekte/unabhaengig.htm#parse_float@title=parseFloat verwenden.

              Gruß,

              Harlequin

              --
              <!--[if IE]>This page is best viewed with a webbrowser. Get one today!<![endif]-->
  2. Hi,

    Erstmal danke!

    Habe mir da von den Informationen etwas zusammengebastelt, aber es will noch nicht so recht funktionieren. Hier der Code:

    <html>
    <head>
    <title>Berechnung</title>
    </head>
    <script type="text/javascript">
    <!--
    function calculate ()
    {
      var wert1 = document.getElementById('Checkbox1').value;
      var wert2 = document.getElementById('Checkbox2').value;
      var wert3 = document.getElementById('Checkbox3').value;
      var wert4 = document.getElementById('Checkbox4').value;
      var summe = wert1 + wert2 + wert3 + wert4;

    document.getElementById('sum').innerHTML = summe;
    }
    //-->
    </script>
    <body>

    <p>
      <input type="checkbox" id="Checkbox1" name="Checkbox1" onKeyUp='calculate()' value="20">
      <br>
      <input type="checkbox" id="Checkbox2" name="Checkbox2" onKeyUp='calculate()' value="20">
      <br />
      <input type="checkbox" id="Checkbox3" name="Checkbox3" onKeyUp='calculate()' value="20">
      <br>
      <input type="checkbox" id="Checkbox4" name="Checkbox4" onKeyUp='calculate()' value="20">
      <br />
      Summe = <span id='sum'></span>
    </p>
    </body>
    </html>

    Kann mir jemand weiterhelfen? Wenn ich auf die Kästchen klicke, dann will er einfach nicht summieren.