Leistungsberechnung

Formlar für flo

by marcme

HTML

<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<html>
    <head>
      <title></title>      
    </head>
    <body>
        <div class="container">
            <div class="row">
                <form class="form-horizontal" id="calc_form">
                    <fieldset>
                        <legend>Blub</legend>
                        
                        <div class="control-group">
                            <label class="control-label">IT-Geräte</label>
                            <div class="controls">
                                <div class="input-append">
                                    <input id="geraete" name="geraete" />   
                                    <span class="add-on">Watt</span>
                                </div>
                                <p class="help-block">
                                    Gesamte Leisungsaufnahme
                                </p>
                            </div>
                        </div>
                        

                        <div class="control-group">
                            <label class="control-label">USV mit Batterie</label>
                            <div class="controls">
                                <div class="input-append">
                                    <input id="usv" name="usv" />   
                                    <span class="add-on">Watt</span>
                                </div>
                                <p class="help-block">
                                    Angegebene Leistung
                                </p>
                            </div>
                        </div>
                        
                        <div class="control-group">
                            <label class="control-label">Leistungsverteilung</label>
                            <div class="controls">
                                <div class="input-append">
                                   ...

JavaScript

$(document).ready(function(){
    $("#calc_form").submit(function(){
        
        var geraete = $("#geraete").val();
        
        var usv = $("#usv").val();
        usv = (0.04 * usv) + (0.06 * geraete);
        
        var lv = $("#lv").val();
        lv = (0.02 * geraete) + (0.02 * lv);
        
        var beleuchtung = $("#beleuchtung").val();
        beleuchtung = 21.53 * beleuchtung;
        
        var personen = $("#personen").val();
        personen = 100 * personen;
        
        var gesamt = usv + lv + beleuchtung + personen;
        gesamt = gesamt / 1000;

        $("#gesamt").html(gesamt);
        
        return false;
    });
});