Ajax dynamische Preisberechnung

[thomashas]

Hallo.. ich habe ne frage und hoffe ihr könnt mir weiterhelfen.
Ich suche ein tutorial bzw. besser ein fertiges Script, bei dem ich 2 Felder habe, diese Felder multiplizieren sich nach einem klick auf zb "berechnen" miteinander und werden dann nochmals durch einen nicht sichtbaren festgelegten Betrag (Euro) multipliziert und das ganze dann am besten per Ajax sichtbar wird. Die beiden ersten felder sind qm .. zudem will ich auch dass sich ab einer bestimmten qm Anzahl Rabattierung in % abzieht und direkt sichtbar wird. Kennt ihr links zu sowas? am besten vorgefertigt..Danke

 

[Back2toxic]

So würde ich das machen, steinigt mich ruhig

<form action="index.html">
<input type="text" id="hoehe" value=""/>
<input type="text" id="breite" value=""/>
<input type="hidden" id="ppqm" value="2.3"/>
<input type="hidden" id="rabattgrenze"  value="20"/>
<input type="hidden" id="rabatt" value="10"/>
<input type="submit" value="Absenden" onClick="berechnePreis(); return false;"/>
</form>
<script type="text/javascript" language="javascript">
    function berechnePreis(){
        //hoehe und breite in Variablen schreiben
        var hoehe = document.getElementById('hoehe').value;
        var breite = document.getElementById('breite').value;

        // Berechnung nur starten, wenn hoehe & breite nicht leer sind
        if(breite != "" && hoehe != ""){

            // Quadratmeter berechnen
            var qm =  hoehe*breite;
            var rabattGrenze = document.getElementById('rabattgrenze').value; //rabattGrenze in qm
            var rabatt = document.getElementById('rabatt').value; //rabatt in %
            var ppqm = document.getElementById('ppqm').value; //preis pro qm

            // Prüfen, ob Rabatt gewährt wird
            if(qm >= rabattGrenze){
                // Rabatt mit einberechnen
                var endBetrag = Math.round((qm * ppqm) * ((100-rabatt)/100));
            } else {
                var endBetrag = Math.round(qm * ppqm); 
            }
      }
      alert(endBetrag);      
}
</script>