Tjah, den er jo mere krøllet end normalt ...
-- een ting kunne jeg ikke gennemskue, nemlig om hastigheden virker både overfor selve gulvlægningen og tillægstingene, eller om det kun gælder selve gulvlægningen, så jeg har valgt at det er totaltiden, der spares på !-)
<form>
<table border="0" width="300">
<tr>
<td width="80%">Slibning af gulv</td>
<td width="20%" align="right"><input name="tilvalg" type="checkbox" value="2000|2" onclick="beregnTotal(this)"></td>
</tr>
<tr>
<td width="80%">Lakering af gulv</td>
<td width="20%" align="right"><input name="tilvalg" type="checkbox" value="1500|1" onclick="beregnTotal(this)"></td>
</tr>
<tr>
<td width="80%">Montering af gulvlister</td>
<td width="20%" align="right"><input name="tilvalg" type="checkbox" value="700|1" onclick="beregnTotal(this)"></td>
</tr>
<tr>
<td width="80%">Hastighed lægning af nyt gulv</td>
<td width="20%" align="right"><select size="1" name="hastighed" onchange="beregnTotal(this)"><option selected value="0">almindelig</option><option value="1">hurtig</option></select></td>
</tr>
<tr>
<td width="80%">Kvadratmeter (kvm)</td>
<td width="20%" align="right"><select size="1" name="kvm" onchange="beregnTotal(this)">
<option value="0" selected>0</option>
<option value="5">5</option>
<option value="10">10</option>
<option value="20">20</option>
<option value="30">30</option>
<option value="40">40</option>
<option value="50">50</option>
<option value="60">60</option>
<option value="70">70</option>
</select></td>
</tr>
<tr>
<td width="80%">Ekstra gulvbehandling valgt</td>
<td width="20%" align="right"><span id="extra">(0/3)</span></td>
</tr>
<tr>
<td width="80%">Forventet tid</td>
<td width="20%" align="right"><span id="expTime">0</span> dag(e)</td>
</tr>
<tr>
<td width="80%">Pris for gulv</td>
<td width="20%" align="right">kr. <span id="price">0,00</span></td>
</tr>
<tr>
<td width="80%">Total pris</td>
<td width="20%" align="right">kr. <span id="totPrice">0,00</span></td>
</tr>
</table>
</form>
<script type="text/javascript">
function beregnTotal(elm){
var f = elm.form;
var tilv = f.tilvalg;
var hast = +f.hastighed.value;
var m2 = +f.kvm.value;
var pris = 0, tid = 0, extras = 0,val;
for(i=0,im=tilv.length;im>i;i++){//Læs de tre tilvalg
if(tilv[i].checked){//Tæl op i pris, tid og antal
val = tilv[i].value.split("|");
pris += +val[0];
tid += +val[1];
extras++;
}
}
document.getElementById("extra").firstChild.nodeValue = "(" + extras + "/3)";
tid += m2/5;//tillæg tid for gulvlægning
pris += m2*225;//tillæg pris for gulvet
var rabat = m2 > 5 ? 0.02*m2/10 : 0; //regístrer evt. rabat
pris *= (1-rabat);//fratræk rabat
pris *= hast ? 1.15 : 1;//tillæg, hvis hurtig lægning er valgt
tid *= hast ? 0.9 : 1;//fratræk, hvis hurtig lægning er valgt
document.getElementById("expTime").firstChild.nodeValue = formatNumDan(tid,1,false);
document.getElementById("price").firstChild.nodeValue = formatNumDan(pris,2,true);
document.getElementById("totPrice").firstChild.nodeValue = formatNumDan(pris+2750,2,true);
}
function formatNumDan(num,decimaler,valuta){
num += "";
if(!num.match(/^-?\d+([,\.]\d+)*$/)){
alert("fejl");
return "";
}
decs = decimaler ? (Math.pow(10,decimaler)+"").substring(1):"";
if(num.indexOf(".")>num.indexOf(",") && num.indexOf(",")>-1 || num.indexOf(",")!=num.lastIndexOf(",")){
num = num.replace(/,/g,"");
}else if(num.indexOf(",")>-1 || num.indexOf(".")!=num.lastIndexOf(".")){
num = num.replace(/\./g,"").replace(/,/g,".");
}
if(num.indexOf(".")==-1 && num.indexOf(",")==-1)
return valuta?ins1000Sep(num + "," + decs):ins1000Sep(num);
num = Math.round(+num*Math.pow(10,decimaler))/Math.pow(10,decimaler)+"";
num += num.indexOf(".")>-1 ? decs : "." + decs;
num = num.substring(0,num.indexOf(".") + decimaler + 1);
return ins1000Sep(num.replace(/\./,","));
}
function ins1000Sep(val){
val = val.split(",");
val[0] = val[0].split("").reverse().join("");
val[0] = val[0].replace(/(\d{3})/g,"$1.");
val[0] = val[0].split("").reverse().join("");
val[0] = val[0].replace(/^(-?)\./,"$1");
return val.join(",");
}
</script>
